一聚教程网:一个值得你收藏的教程网站

热门教程

详细学习网页制作技术CSS的属性单位

时间:2022-07-02 12:57:24 编辑:袖梨 来源:一聚教程网

由于样式表项就是由属性及其值组成的,因此有必要了解属性值的各种单位。在CSS中,各种单位与在HTML中有所不同,请读者注意区分。
1、长度单位
缩写  单位类型        说明
cm      厘米
em      ems         当前字体中m字母的宽度
ex      exs         当前字体中x字母的高度
in      英寸        
mm      毫米
pc      Picas         1 pica=12点
pt      点     1点=1/72英寸
px      象素     显示单位
注意:并非所有浏览器都支持以上长度单位。例如:IE3.x 不支持em和ex单位。NS4.0不支持pc单位。
在以上单位中,需要说明的是em和ex。
“em”所代表的高度就是大写字母“M”(或者“H”)的高度,假设当前使用的字体是12号,那么此时em就是12号。一般情况下,浏览器的默认字体都是12号。如果更改了默认的字号,则em的值会相应调整。
例如,假设现指定

标记符中的字体大小为1.5em,则浏览器在编译HTML时就会执行下列过程:
(1)读取默认的字号大小值,比如12号;
(2)读取相对的定义值 1.5em;
(3)显示18号字体(12pt X 1.5=18pt)。
可以看出,em单位是基于用户浏览器的默认值来定义的,从而使网页设计者和浏览者都具有对字体大小的控制权--设计者可以指定需要扩大(或缩小)的比例,而真正的显示尺寸则由用户自己挑选。

热门栏目