Css+div_常用CSS标签及属性.docVIP

Css+div 常用CSS标签及属性 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（多样的\变体）Padding（填补、补充） 设定标记内容与标记边框之间的留白的综合设定， 不能为负值，不可继承，用于所有元。也可分开设定1 padding-top 2 padding-right 3 padding-bottom 4 padding-left各值。 border-width 标记元素边框宽度的综合设定。 也可分开设定border-top-width、border-right-width、border-bottom-width、border-left-width各值 border-color 标记元素边框颜色的综合设定