内容服务交换器 CSS( 二 )

legal value) 。显然段落缩进属性text-indent只能赋给一个表示长度的值,而表示背景图案的background.image属性则应该取一个表示图片位置连结的值或者是关键字none表示不用背景图案 。②该属性的默认值(initial value) 。当在样式表单中没有规定该属性,而且该属性不能从它的父级元素那儿继承的时候,则浏览器将认为孩属性取它的默认值 。③该属性所适用的元素(Applies to) 。有的属性只适用于某些个别的元素,比如white-space属性就只适用于块级元素 。white-space属性可以取normal、pre和nowrap三个值 。当取normal的时候,浏览器将忽略掉连续的空白字元,而只显示一个空白字元 。当取pre的时候,则保留连续的空白字元 。而取nowrap的时候,连续的空白字元被忽略,而且不自动换行 。④该属性的值是否被下一级继承(inherited) 。⑤如果该属性能取百分值(percentage),那幺该百分值将如何解释 。也就是百分值所相对的标準是什幺 。如margin属性可以取百分值,它是相对于margin所存元素的容器的宽度 。⑥该属性所属的媒介类型组(media groups) 。属性值①整数和实数这和普通意义上的整数和实数没有多大区别 。在CSS中只能使用浮点小数,而不能像其他程式语言那样使用科学记数法表示实数,即1.2E3在CSS中将是不合法的 。下面是几个正确的例子,整数:128、-313,实数:12.20、1415、-12.03 。②长度量一个长度量由整数或实数加上相应的长度单位组成 。长度量常用来对元素定位 。而定位分为绝对定位和相对定位,因而长度单位也分为相对长度单位和绝对长度单位 。相对长度单位有:em——当前字型的高度,也就是font.size属性的值;ex——当前字型中小写字母x的高度;Dx——一个像素的长度,其实际的长度由显示器的设定决定,比如在800木600的设定下,一个像素的长度就等于萤幕的宽度除以800 。另一一点值得注意的是,子级元素不继承父级元素的相对长度值,只继承它们的实际计算值 。③百分数量(percentages)百分数量就是数字加上百分号 。显然,百分数量总是相对的,所以和相对长度量一样,百分数量不被子级元素继承 。选择器类型选择器CSS中的一种选择器是元素类型的名称 。使用这种选择器(称为类型选择器),可以向这种元素类型的每个实例上套用声明 。例如,以下简单规则的选择器是H1,因此规则作用于文档中所有的H1元素:1H1{color:red}简单属性选择器CLASS属性CLASS属性允许向一组在CLASS属性上具有相同值的元素套用声明 。BODY内的所有元素都有CLASS属性 。从本质上讲,可以使用CLASS属性来分类元素,在样式表中创建规则来引用CLASS属性的值,然后浏览器自动将这些属性套用到该组元素 。类选择器以标誌符(句点)开头,用于指示后面是哪种类型的选择器 。对于类选择器,之所以选择句点是因为在很多程式语言中它与术语“类”相关联 。翻译成英语,标誌符表示“带有类名的元素” 。ID属性ID属性的操作类似于CLASS属性,但有一点重要的不同之处:ID属性的值在整篇文档中必须是唯一的 。这使得ID属性可用于设定单个元素的样式规则 。包含ID属性的选择器称为ID选择器 。需要注意的是,ID选择器的标誌符是散列符号(#) 。标誌符用来提醒浏览器接下来出现的是ID值 。STYLE属性儘管在选择器中可以使用CLASS和ID属性值,STYLE属性实际上可以替代整个选择器机制 。不是只具有一个能够在选择器中引用的值(这正是ID和CLASS具有的值),STYLE属性的值实际上是一个或多个CSS声明 。通常情况下,使用CSS,设计者将把所有的样式规则置于一个样式表中,该样式表位于文档顶部的STYLE元素内(