Css中的度量

Css中的度量

1、表示绝对长度的单位
in(inch, 英寸，1英寸=2.54厘米)
cm(厘米)
mm(毫米)
pt(point 点，  css2.1中规定点相当于1/72英寸)
pc(pica, 12点字, 相当于12点)

2、相对长度值
em
ex
px

单位em表示元素自身font-size属性的相对值,  当元素font-size属性也采用em作为单位时, 这个值就是其父元素的font-size的相对值。

< div  id ="one" > 3 月10日15时，十一届全国人大三次会议举行记者会，由全国人大环境与资源保护委员会主任委员汪光焘、国家发展和改革委员会副主任解振华、环境保护部副部长张力军就节能减排和应对气候变化问题答记者问。 新华网、中国政府网进行现场直播 </ div >
< div  id ="two" > 女士们、先生们，下午好！十一届全国人大三次会议今天举行第三场专题记者会，我们非常高兴地请到了全国人大环境与资源保护委员会主任委员汪光焘；国家发展和改革委员会副主任解振华；环境保护部副部长张力军。请大家就节能减排和应对气候变化回答大家的提问。现在请各位记者提问。 </ div >

 

div#one {} {
    font-size:12px;
    line-height:1.2em;
    background-color:#999;
    width:490px;
    }
div#two {} {
    font-size:12px;
    line-height:3em;
    background-color:#fff;
    width:490px;
    }

上图：规定字体的大小为12px, 两个P元素的行距分别为字体大小的1.2倍和3倍, 行距是上一行与下一行的距离。

使用em可以作为单位的数值在小数点后面可以拥有三位有效位，另外通过em单位可以达到外部元素根据内部元素大小动态变化的效果。


ex 相对于字符"X"的高度，这个值会随着X字体的大小和字体族的不同而不同。

px相对长度是像素，有些站点的元素会随着浏览器分辨率的变化而变化，因而可以使用em或百分比一类的单位。