Css单位.pptVIP

本章目标 CSS中度量的概念 CSS中的值 CSS中值的单位 相对单位和绝对单位 值的类型 整数和实数 div#adv{ z-index:999;} 数值前均可以添加（+，-），表示正负。 长度 ——是水平或垂直方向的度量，由数值类型加一个单位（px,em） 组成，当长度为零时，单位可省略 p.normal{ font-size:12px; width:300px; } 百分数 ——通常用来表示另一个数值的相对值，这个基值可能位于同一元素的其他属性中，也可能位于某于祖先元素中 p#copyright{ font-size:12px;} p#copyright{ line-height:150%;} 故: 行距为12*150%=18px URL或URI URI——可为绝对地址也可为相对地址 div#top{ background-image:url(/images/logo.jpg); } 或 div#top{ background-image:url(images/logo.jpg); } 颜色 1.关键字 2.RGB #RRGGBB #RGB RGB（d,d,d） RGB(p,p,p) 单 位 绝对长度的单位和相对长度单位 ——绝对长度单位一般在已知大小时用 ——相对长度单位一般根据另一个值来定 绝对长度的单位表示 in(inch,英寸,1英寸等于2.54厘米) cm mm pt(point,点,CSS2.1规范中定义的点相当于1/72英寸) pc(pica,12点字,相当于12点) 如果知道屏幕大小，你就可以使用绝对单位，但一般很少用它 相对长度的单位表示 由相对长度单位定义的数值是由某个基值计算而得。相对长度单位包括：em\ex\px em:表示元素自身font-size属性值的相对值，但是，当元素font-size属性值也采用em作为单位时，这个值就是其父元素font-size的值了 p#first{ font-size:12px; line-height:1.2em; } p#second{ font-size:12px; line-height:2.5em; } 行距—— 指一行的顶端与下一行的顶端的距离 body{ font-size:small; } p#fstline{ font-size:lem; } p#secline{ font-size:1.5em; } p#thrdline{ font-size:3em; } small相当于1em ex——表示相对于字符X的高度。随X的字体大小和字体族的不同而不同 p{ width:200px; margin:0 10px; } p#para1{ font-family:Tahoma; height:20ex; float:left; background-color:#FC9; } p#para2{ font-family:Times New Roman; height:20ex; float:left; background-color:#FFCC99; } 实 战 列表 列表的种类及用途 如何格式化显示列表 使用CSS更改列表符号的外观 如何用列表结合链接实现导航菜单 滑动技术 格表 * * CSS度量 每一条CSS的声明都包含了属性和属性值，从背景颜色到字体大小，从元素高度到段落行距，丰富多彩的样式都是依靠赋予属性不同的值来实现的。 不同的属性可能需要不同类型的属性值，比如长度定义用整数，字体定义用字符，有关颜色的定义用颜色关键字或RGB颜色值。