17.1.5 几个常用值
在本书前面的内容中，已经了解了CSS选择符和常用的属性，而单位和属性值是CSS属性的基础。正确理解单位和属性值的概念，将有助于用户对CSS属性的使用。本节将对CSS中几个常用的单位和属性值进行简要介绍。
1.颜色单位
在CSS中，可以通过多种方式来定义颜色。其中最为常用的方法有如下两种：
■颜色名称定义
使用颜色名称定义颜色的方法只能实现比较简单的颜色效果，因为只有有限数量的颜色名称才能被浏览器识别。例如，如下代码定义了文字颜色为红色：
执行后的效果如图17-5所示。
图17-5 执行效果
浏览器能够识别的颜色名称如表17-1所示。
表17-1 浏览器识别的颜色名称列表
■十六进制定义
十六进制定义是指使用颜色的十六进制数值定义颜色值。使用十六进制定义后，可以定义更加复杂的颜色。例如，如下代码使用了十六进制数值定义文字颜色：
执行后的效果如图17-6所示。
注意：
（1）在网页设计中，颜色的十六进制值有多个，读者可以从网上获取具体颜色的对应值。也可以在Dreamweaver中选择某元素颜色后，通过查看其代码的方法获取此颜色对应的十六进制值。Dreamweaver方法获取十六进制颜色值的操作方法如图17-7所示。
（2）在代码中使用十六进制颜色时，颜色值前面一定要加上字符“#”。
图17-6 执行效果
图17-7 Dreamweaver获取颜色值流程图
2.长度单位
在CSS中常用的长度单位有如下两种：
（1）绝对长度单位
常用的绝对长度单位如表17-2所示。
表17-2 常用绝对长度单位列表
上述CSS长度单位和现实中测量用的长度单位一样。其中，“pt”（磅）和“pc”（pica）是标准印刷单位，72 pt=1 in，1 pc=12 pt。
（2）相对长度单位
在网页设计中，使用最为频繁的是相对长度单位。其中最为常用的相对长度单位如下。
■字体大小：em
em的功能是，用来定义文本中“font-size”（文字大小）的值。例如，在页面中对某文本定义的文字大小为12 pt，那么对于这个文本元素来说，1 em就是12 pt。也就是说，em的实际大小是受字体尺寸影响的。
■文本高度：ex
“ex”和“em”类似，功能是定义文本中元素的高度。和“em”一样，因为不同字的高度是不同的，所以“ex”的实际大小也受字体和字尺寸的影响。
■像素：px
像素“px”是网页设计中最为常用的长度单位。在显示器中，界面将被划分为多个单元格，其中的每个单元格就是一个像素。像素“px”的具体大小是和屏幕分辨率有关的。例如有一个100 px大小的字符，在800×600分辨率的屏幕上，字符显示宽度是屏幕宽度的1/8；而在1024×768分辨率的屏幕上，字符显示宽度是屏幕宽度的1/10，从视觉角度看，浏览者会以为字变小了。如图17-8所示。
图17-8 100px大小的字符在不同分辨率的屏幕上的显示效果
3.百分比值
百分比值是网页设计中常用的数值之一，其书写格式如下。 数字%。
这里的数字可正可负。
在页面设计中，百分比值需要通过一个值和另外一个值的对比得到。例如，一个元素的宽度为200px，如定义在它里面的子元素的宽度为20%，则此子元素的实际宽度为40px。
4.URL
URL是统一资源定位符的缩写，是指一个文件、文档或图片等对象的路径，通过这个路径用户可以获取此对象的信息。使用URL的语法格式如下。 url（路径）
这里的“路径”是对象存放路径。URL路径分为相对路径和绝对路径两种，在下面将分别介绍。
（1）相对路径
相对路径是指，相对于某文件本身所在位置的路径。例如，某CSS文件和文件名为“2.jpg”的图片处在同一目录下，当CSS给此图片设置某种样式时，可以使用如下代码：
在上述代码中，“2.jpg”是相对于CSS文件的路径。
注意：
■在HTML（XHTML）中使用相对路径时，是相对于CSS文件，而不是相对于HTML（XHTML）页面文件本身。
■代码中url和后面的括号“（”之间不能有空格，否则功能失效。
（2）绝对路径
绝对路径是指，某对象放在网络空间中的绝对位置，是它的实际路径。例如，如下代码使用了绝对路径来调用某图片。
在上述代码中，网址表示图片的实际存放路径。
5.CSS默认值
CSS的默认值是指，在页面中没有定义某属性值时的取值，CSS中的基本默认值是“none”或“0”。CSS的默认值和所使用的浏览器有关。例如，<body>元素的默认补白属性值在IE浏览器中是“0”，而在opera浏览器中是8px。