CSS相对度量单位之em ex px

来源:互联网 发布:hub网络 编辑:程序博客网 时间:2024/06/05 15:45

em:等于当前字体的大小。
举个例子:

h1{font-size:24px; margin:1em;}p{font-size:18px; margin:1em;}<body>    <h1>1em = 24px</h1>    <p>1em = 18px</p></body>

在这个例子中,h1中的 1em = 24px,p中的 1em = 18px;

ex:等于当前字体的小写字母x的大小,不同的字体小写x的高度不同;

px: 1px = 1个像素。在显示器上,使用显示器的实际像素,在别的设备(比如打印机)使用96ppi.

别的还有百分比值。百分比系数可以来自父元素等。

原创粉丝点击