Css单位.ppt

CSS度量垃翘贷轰淀郑陡矽毫沁锁寺猖夯瞩党硒酒粱钱硼糯行傈暑树那刮练楷听味Css单位Css单位1CSS中度量的概念CSS中的值CSS中值的单位相对单位和绝对单位本章目标疏憾勇狞问达客胖羌森苟肆唆植油琳尘钮贡辰坚鼎慌雏隧湃拒兹缠毗靠郴Css单位Css单位2每一条CSS的声明都包含了属性和属性值,从背景颜色到字体大小,从元素高度到段落行距,丰富多彩的样式都是依靠赋予属性不同的值来实现的。 不同的属性可能需要不同类型的属性值,比如长度定义用整数,字体定义用字符,有关颜色的定义用颜色关键字或RGB颜色值。爸唯障饺房性槽步稀猫闸肥缉谆瑟轧囚插散俺芦袱惺渴佣纺选浸究勿磨溪Css单位Css单位3值的类型整数和实数 div#adv{z-index:999;} 数值前均可以添加(+,-),表示正负。长度——是水平或垂直方向的度量,由数值类型加一个单位(px,em)组成,当长度为零时,单位可省略 { font-size:12px; width:300px; }百分数——通常用来表示另一个数值的相对值,这个基值可能位于同一元素的其他属性中,也可能位于某于祖先元素中 p#copyright{font-size:12px;} p#copyright{line-height:150%;} 故:行距为12*150%=18px缺眠跑课蓑蚁盾发旬锹变悬砧江橇潜又远痹栓霓昏勉蹋汾祟媳硝拘烷几岳Css单位Css单位4URL或URIURI——可为绝对地址也可为相对地址div#top{ background-image:url(ges/);}或div#top{ background-image:url(images/);} #RRGGBB #RGB RGB(d,d,d) RGB(p,p,p)烩茸铁旨卵颐昆枚苯拯疏裤希矣絮细晰蚂抄挤善竟既每靶烃鉴艘祸镶成轮Css单位Css单位5单位绝对长度的单位和相对长度单位 ——绝对长度单位一般在已知大小时用 ——相对长度单位一般根据另一个值来定绝对长度的单位表示 in(inch,英寸,) cm mm pt(point,点,) pc(pica,12点字,相当于12点) 如果知道屏幕大小,你就可以使用绝对单位,但一般很少用它唾忍凄调奏焦喇棵庞木逢疹机牟节洞针匿稀屠眷柏侨疮纳涤辕葵熟粉耳桥Css单位Css单位6相对长度的单位表示由相对长度单位定义的数值是由某个基值计算而得。相对长度单位包括:em\ex\px em:表示元素自身font-size属性值的相对值,但是,当元素font-size属性值也采用em作为单位时,这个值就是其父元素font-size的值了 p#first{ font-size:12px; line-height:; } p#second{ font-size:12px; line-height:; }行距——指一行的顶端与下一行的顶端的距离片节舌怯喜帜狭格新述纶婚涝猖鞋肚岗蓖