第6章层叠样式表报告.ppt

字体风格font-style属性 font-style属性 说 明 Normal 表示不使用斜体，该参数是font-style属性的默认值 Italic 表示使用斜体显示文字 Oblique 表示使用倾斜幅度不大的斜体显示文字 字体亮度font-weight属性 ——设置字体的粗体程度 font-weight 属性 说 明 Normal 表示使用标准字体（没有加深色彩），该参数是font-variant属性的默认值 Bold 表示使用标准的黑体文本 Bolder 表示使用比标准黑体还要深的颜色显示文字（为相对参数） Lighter 表示使用比标准黑体稍浅的颜色显示文字（为相对参数） 设置为大写字母font-variant属性 font-variant属性 说 明 Normal 表示在打印中大写字母没有变化，该参数是font-variant属性的默认值 small-caps 表示设定用大写字母代替文本中的小写字母。font-variant属性值设置为small-caps将会用比主体文本字号小一些的大写字母代替小写字母 设置字体大小font-size属性 font-size属性 说 明 整数+“pt” 表示使用指定的像素大小显示字体，“pt”表示像素（如20pt、35pt） 整数+“%” 表示当前元素使用字体大小是前一个元素大小的百分倍数（如40%、150%） Large 表示使用比父元素大一号的字体 x-small 表示使用字体比small字体小1.2倍 xx-small 表示使用字体比x-small字体小1.2倍 x-large 表示使用字体比large字体大1.2倍 xx-large 表示使用字体比x-large字体大1.2倍 Medium 表示使用标准字体大小显示 6.4.3 设置色彩和背景图像属性 定义前景色：color 定义背景色：backgruond 设置背景颜色： backgruond-color 设置背景图案： backgruond-image 设置背景图案重复方式： backgruond-repeat 设置背景图案滚动方式： backgruond-attachment 设置背景图案起始位置： backgruond-position 1 定义前景色 color属性 颜色 十进制RGB 十六进制RGB RGB百分数 纯红 rgb(255,0,0) #FF0000 rgb(100%,0%,0%) 纯蓝 rgb(0,0,255) #0000FF rgb(0%,0%,100%) 纯绿 rgb(0,255,0) #00FF00 rgb(0%,100%,0%) 白色 rgb(255,255,255) #FFFFFF rgb(100%,100%,100%) 黑色 Rgb(0,0,0) #000000 rgb(0%,0%,0%) 浅紫 Rgb(255,204,255) #FFCCFF rgb(100%,80%,100%) 浅灰 Rgb(153,153,153) #999999 rgb(60%,60%,60%) 褐色 Rgb(153,102,51) #996633 rgb(60%,40%,20%) 粉红 Rgb(255,204,204) #FFCCCC rgb(100%,80%,80%) 橙色 Rgb(255,204,0) #FFCC00 rgb(100%,80%,0%) color属性的用法 @charsetgb2312; name{display:block; font-size:22pt; color:blue;} writer{display:block; color:red;} contentA{display:block; color:#FOF;} contentB{display:block; color:rgb(100%,50%,50%);} contentC{display:block; color:rgb(000,000,256);} contentD{display:block; color:rgb(000,256,256);} color属性的用法 2 定义背景色 background属性集 background属性 说 明 background-color 用于对指定元素设置背景颜色 background-image 用于对指定元素设置背景图案 background-repeat 在背景图案小于指定元素的情况下，是否使用重复填充图案 background-attachment 用于指定设置的背景图案在元素滚动时是否一起滚动 background-position 用于指定背景图案的起始位置 设置背景颜色background-c