CSS入门经典(第2版).docVIP

本章要点： oslash;　进一步学习用户已经使用过的简单选择符； oslash;　如何使用class和id选择符； oslash;　什么是通用选择符，何时使用它； oslash;　什么是伪类和伪元素，如何使用它们； oslash;　如何指定影响超文本链接的样式。 从第2章已经知道，选择符是标识样式目标的css规则的一部分。发挥选择符的功能对于充分使用css至关重要。 5.1 简单选择符 前面介绍过最简单的选择符类型：类型选择符、class选择符和id选择符。本章将学习如何更有效地使用它们。 到目前为止，读者学习了如何使用简单选择符创建css规则：基于html标签的类型选择符和基于html属性的class或id选择符。 类型选择符就是省去尖括号 的html标签的名字，例如： h1 { color: blue; } 上面的语句表明，选择所有 标签，并指定其颜色为blue。类型选择符最易于使用，因为它们很简单，但是它们也有很大限制。如果用户只想让一些 标签变成blue，而其他标签变成green，该怎么办呢？这时就要使用class和id选择符了。 提示：虽然前面说过，类型选择符必须是html标签，但事实上只说对了一半。实际上，它们必须是用户设计样式所使用语言的合法元素。例如，用户如何在xml中使用css。实际上，不必包含实际的标签。html（而不是xml或xhtml）完全省略了某些标签声明，例如 元素。这些是暗含标签。开关标签都是暗含的。如果用户有基于body的规则，例如~body { font-family: arial; }~，即使当时没有标签，与css兼容的浏览器仍然会将字体应用于暗含的 。 在第4章中，我们学习了在基于html class和id属性的规则内如何设置class和id选择符，例如： #here { font-size: large; } .there { color: green; } id选择符特别标识页面的一部分，而class选择符允许用户指定特定的标签作为用户已定义的某种设置的一部分。 5.1.1 使用class和id选择符 用户可以将class或id选择符与 标签联合起来，指定接收特殊样式的页面的特定部分。例如，请考察程序清单5-1所示的html页面，它在每个 标签上都设置了class或id属性。 程序清单5-1 经过 和class设置的html部分 image accessibility link type=text/css rel=stylesheet middot; writing middot; tips middot; images image accessibility making your graphics accessible here are some helpful tips on making your graphical content accessible to users who can~t see images: 5.1 简单选择符 always include an alt attribute on your lt;imggt; tag. the alt attribute should contain a short replacement for the graphic, in text. if the image itself has text, list that in alt . if the image is purely decorative and doesn~t convey any additional information, use alt= . if there is more information in the graphic than you can convey in a short alt attribute, such as the information in a graph or chart, then use the longdesc attribute to give the url of a page that describes the graphic