css自定义模板教程,css模版教程全面自定义模板必备之css属性知识.doc

css模版教程全面自定义模板必备之css属性知识

属?性?名?称属性功能及其取值用?法?说?明?与?范?例颜色与背景类color设置文字颜色#rgb#rrggbbrgb 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设置背景图片，url /imageURL body backround-image:url /back.jpg ; background-repeat设置背景图片是否重复排列: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,lighter,border,100,200...900由于浏览器支持程度不同，一般只用normal和bold两种属性。P font-weight:bold; font-size设定字体的大小；绝对大小：xx-small,x-small,small,mediumlarge,x-large,xx-large;相对大小：larger,smaller;数字表示可用单位：磅 pt ,像素 px ,英寸 in ,厘米 cm ;亦可用百分比表示。H2 font-size:36pt; P font-size:200%; font设定字型的综合属性，其顺序如下： font-style?font-variant?font-weight?font-size?/line-height?font-family; P bold?12pt/14pt?impact,Arial; 文字类letter-spacing设定文字间距。P letter-spacing:5pt; text-decoration设定文字加上下划线、删除线等效果：none 无 underline 下划线 overline 上划线 line-through 删除线 vertical-align设定文字或图片垂直方向的对齐方式：baseline:默认值?sub:下标?super:上标?top:垂直向上对齐?middle:垂