div+css第四章.pptVIP

DIV+CSS 网页设计 文字与图象 讲师：王靖 文字大小单位 font-size : 1px; CSS相对长度单位(relative length unit)CSS相对长度单位中的相对二字，表明了其长度单位会随着它的参考值的变化而变化，不是固定的。以下是CSS相对长度单位列表：em元素的字体高度 ex字母x的高度 px像素 %百分比 CSS绝对长度单位(absolute length unit) 绝对长度单位是一个固定的值。比如我们常用的有mm，就是毫米的意思。以下是CSS绝对长度单位列表：in英寸 (1?英寸 = 2.54 厘米) cm厘米 mm毫米 pt点 (1点 = 1/72英寸) pc皮卡 (1?皮卡 = 12 点) 文字类型 font-family ：name 按优先顺序排列。以逗号隔开。BODY{font-family:gill,helvetica,sans-serif} 上面这行代码执行时，如果浏览器没有寻找到“gill”字体，那么就使用“helvetica”或者用“sans-serif”字体替代。 如果字体名称包含空格，则应使用双引号括起。 BODY{font-family:”Times New Roman”} div.fixedwidth { font-family: Courier, Courier New, monospace } 文字行高 line-height : normal | length normal :默认值。默认行高length :百分比数字 | 由浮点数字和单位标识符组成的长度值，允许为负值。其百分比取值是基于字体的高度尺寸。若不加任何单位，此时行高等同与字体大小的倍数。例如：字体大小是12像素，此时的行高line-height:1.5; 等同于 line-heigh:18px;字体的字体类型，大小，行高可以缩写为：font:大小/行高 类型 font:12px/18px Arial;font:12px/1.5 Arial; 文字颜色和背景颜色 注意问题文字颜色是color,而不是font-color; 背景颜色是background-color； color的表示方法：color:blue;color:#0000ff; color:rgb(0,0,255);color:rgb(0%,0%,100%); 文字加粗 font-weight : normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 normal :默认值。正常的字体。相当于 400 。声明此值将取消之前任何设置bold :粗体。相当于 700 。也相当于 b 对象的作用bolder :比 normal 粗lighter :比 normal 细100 :字体至少像 200 那样细200 :字体至少像 100 那样粗，像 300 那样细300 :字体至少像 200 那样粗，像 400 那样细400 :相当于 normal 500 :字体至少像 400 那样粗，像 600 那样细600 :字体至少像 500 那样粗，像 700 那样细700 :相当于 bold 800 :字体至少像 700 那样粗，像 900 那样细900 :字体至少像 800 那样粗 文字倾斜与大小写 font-style :normal | italic | oblique normal :默认值。正常的字体italic :斜体。对于没有斜体变量的特殊字体，将应用 oblique oblique :倾斜的字体p { font-style: normal; } p { font-style: italic; } p { font-style: oblique; } text-transform : none | capitalize | uppercase | lowercase none :默认值。无转换发生capitalize :将每个单词的第一个字母转换成大写，其余无转换发生uppercase :转换成大写lowercase :转换成小写 文字装饰效果 text-decoration : none || underline || blink || overline || line-t