CSS2学习笔记08

长度单位和URL

系列文章

长度单位

所有长度单位都可以表示为正数或负数,其后跟随一个单位名。

这些长度单位可以划归为两位:绝对长度单位和相对长度单位。

绝对长度单位

有5种绝对长度单位,如下:

绝对单位在显示上经常会出现问题。它更适合用于定义打印文档的样式表。

相对长度单位

共有3种相对长度单位,下面逐个介绍。

em :一个 em 定义为一种给定字体的 font-size 值。如果一个元素的 font-size 为14像素,那么1em就为14像素。
显然,这个值会随元素的不同而不同。在设置字体的大小时,em 的值会相对父元素的字体大小而改变。

ex :指所使用字体中小写字母 x 的高度。因此,如果使用不同的字体,ex 的值可能发生变化。

上述是相对长度的理论值。事实上,很多浏览器的做法是取 em 的值,再取一半作为 ex 值,这是因为计算 ex 值比较困难。

px :像素数量。之所以将像素定义为相对长度,是为了考虑如打印机等其它显示设备。

URL

URL用来引入外部样式表或图片等。
可以使用绝对URL或相对URL,格式为:

url(protocol://server/pathname)
url(pathname)

注意 url 和开始括号之间不能有空格,该规则对类似的函数类值同样成立。

关键字

有时一个值需要用某个词来描述,这种词称为关键字。

一个常见的关键字是 none 。它不等同于0,表示没有这样的元素。例如:

a:link, a:visited {
    text-decoration: none;
}

可以除去HTML文档链接的下划线。

如果一个属性接收关键字,那么该关键字只对该属性的作用域定义。
一个关键字可能被用在两种属性的值中,它们的含义可能不同。

inherit关键字

CSS2.1中有一个关键字是所有属性共有的,这就是 inheritinherit 使一个属性的值与其父元素相同。
大多数情况下,不必指定继承。

由于用户代理的默认样式可能会覆盖默认继承的样式,可以使用 inherit 关键字强制继承。