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

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

由于样式表项就是由属性及其值组成的,因此有必要了解属性值的各种单位。在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的值会相应调整。

例如,假设现指定<H1>标记符中的字体大小为1.5em,则浏览器在编译HTML时就会执行下列过程:

(1)读取默认的字号大小值,比如12号;

(2)读取相对的定义值 1.5em;

(3)显示18号字体(12pt X 1.5=18pt)。

可以看出,em单位是基于用户浏览器的默认值来定义的,从而使网页设计者和浏览者都具有对字体大小的控制权–设计者可以指定需要扩大(或缩小)的比例,而真正的显示尺寸则由用户自己挑选。

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

相关文章:

你感兴趣的文章:

标签云: