大漠驼铃

置身浩瀚的沙漠，方向最为重要，希望此blog能向大漠驼铃一样，给我方向和指引。
Java,Php,Shell,Python,服务器运维,大数据，SEO, 网站开发、运维,云服务技术支持，IM服务供应商, FreeSwitch搭建，技术支持等. 技术讨论QQ群：428622099
随笔 - 238, 文章 - 3, 评论 - 117, 引用 - 0
数据加载中……

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或百分比一类的单位。

posted on 2010-03-10 19:04 草原上的骆驼 阅读(248) 评论(0)  编辑  收藏 所属分类: CSS


只有注册用户登录后才能发表评论。
网站导航: