div+css常用标签.docVIP

Div+css布局中长用到的标签：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em CSS中的长度 绝对单位：几乎不用在网页中 in 英寸????? 1in = 2.54cm cm 厘米??? 1cm = 0.394in pt 磅??????? 1in = 72pt pc pica????? 1in = 6pc 相对单位：较常用 em?? 1em = 相应字体的font-size值 ex??? 1ex = 相应字体中的小写x字母的高度值，较难求得，一般取0.5em px??? 最为常用的 CSS中的元素分类 display?? 设定元素所属类别，不可继承 none(设定为不显示在屏幕上) block(块级元，包括 P,H1-H6,list,div,body) inline(内联元，包括 a,em,span) list-item(列表元，如 LI) 颜色与背景类 color ?????? 设置文字颜色???#rgb??? #rrggbb?? rgb(255,255,255)??? rgb(100%,100%,100%) H1{color:red} H1{color:#f00} H1{color:#ff0000} H1{color:rgb(255,0,0)} H1{color:rgb(100%,0%,0%)} background-color??? 设置背景颜色，格式同上；不可继承，可用于所有元 BODY{background-color:red} BODY{background-color:#f00} BODY{background-color:#ff0000} BODY{background-color:rgb(255,0,0)} BODY{background-color:rgb(100%,0%,0%)} background-image???? 设置背景图片，默认为none，不可继承，可用于所有元 url(imageURL)?? none body{backround-image:url(back.jpg);} background-repeat??? 设置背景图片是否重复排列，不可继承，用于所有元 repeat(XY轴均重复)?? repeat-x(X轴重复排列)?? repeat-y(Y轴重复排列)?? No-repeat(不重复排列，默认值) BODY{background-repeat:repeat-x;} BODY{background-repeat:No-repeat;} background-attachment?? 设定背景图片是否卷动，不可继承，用于所有元 scroll(随网页卷动，默认值)?? fixed(不随网页卷动) BODY{background-attachment:fixed;} background-position?? 设定背景图片或背景颜色开始显示的位置，不可继承，用于块级元和可替换元 top,buttom,left,right,center(用关键字) 70px 10px(用长度值) 50% 30%(用百分比) BODY{background-position:right top;} BODY{background-position:50px 10px;} BODY{background-position:20% 50%;} background?? 定义背景综合属性，不要求顺序，各属性值以空格分开 BODY{background:#ffcc00 url(bg.jpg) fixed center} 字型类 font-family??? 设置字型属性，取值可以是任何字型名称，缺省为浏览器内定字型，可以设多个以逗号(,)分开，有空格的英文字型可用单引号或双引号括起来。可继承，用于所有元 P{font-family:宋体,楷体,黑体,Time New Rom;} font-style?? 设定字型样式，可继承，用于所有元 Normal(正常，默认值)?? italic(斜体)?? objlique(直斜体)???P{font-style:italic;} font-variant??? 需要特定的字体配合，可继承，用于所有元 Normal(默认)?? small-caps(如果是中文字型则将字型缩小显示，如果是英文则全部改为较小的大写) H3{font-variant:small-caps;} font-weight 设定字体粗细，可继承，用于所有元 Normal(默认)?? bold?? bolder?? lighter?? 100??