《精通CSS》第二章要点

2月16日 · 2012年

        有效且结构良好的文档为你要应用的样式提供了一个框架。要想使用CSS将样式应用于特定的HTML元素,需要想办法找到这个元素。在CSS中,执行这一任务的样式规则部分称为选择器(selector)。

        在本章中,学习了常用的2.1选择器和一些新的CSS3选择器;详细了解了特殊性的作用以及如何使用层叠控制CSS规则的结构,帮助规则找到目标;还学习了如何通过合理的注释和样式表结构提高可维护性。

1、最常用的选择器类型是类型选择器(元素选择器、简单选择器)和后代选择器。

2、ID选择器和类选择器用于寻找具有指定ID或类名的元素。ID选择器由#表示,类选择由点号表示。

3、:link和:visited称为链接伪类,只能应用于锚元素。:hover、:active和:focus称为动态伪类,理论上可以应用于任何元素。如果把伪类连接在一起,可以创建更复杂的行为。

4、通用选择器可能是所有选择器中最强大却用的最少的。在与其他选择器结合使用时,可以用来对某个元素的所有后代应用样式,或者跳过一级后代。

5、后代选择器选择一个元素的所有后代,而子选择器只选择元素的直接后代,即子元素。

6、相邻同胞选择器可用于定位同一个父元素下某个元素之后的元素。

7、属性选择器可以根据某个属性是否存在或属性的值来寻找元素,因此能够实现某些非常有意思和强大的效果(如:当鼠标悬停在具有title属性的元素上时,大多数浏览器会显示一个工具提示,可以使用这种特性解释某些内容。比如首字母缩拼词和缩写词的含义。)

8、属性选择器除了根据某个属性是否存在对元素应用样式之外,还可以根据属性值应用样式。

9、层叠采用以下重要度次序:如果两个规则的特殊性相同,那么后定义的规则优先。

  • 标有!important的用户样式。
  • 标有!important的作者样式。
  • 作者样式。
  • 用户样式。
  • 浏览器/用户代理应用的样式。

10、在编写CSS时特殊性非常有用,因为它可以对一般元素应用一般样式,然后在更特殊的元素上面覆盖它们。

11、使用类标识页面类型,使用ID标识特定页面,就可以非常灵活地控制站点的设计和布局。

12、继承而来的样式特殊性为空。直接应用于元素的任何样式总会覆盖继承而来的样式。

13、使用结构良好的单一CSS文件可以显著提高下载速度。

14、在CSS中添加注释的方式和C语言中的一样。 以/*开头,以*/结束。

15、为了便于维护,最好把样式表划分为几大块。

16、常把最一般的规则放在最墙面。这包括应用于body标记的、应该由站点上所有元素继承的样式。接下来是可能需要的所有全局reset样式,然后是链接、标题和其他元素。

17、代码的分隔越细致、越合理,就越容易理解,而且能够更快的找到要寻找的规则。

18、为了使注释更有意义,可以使用关键字来区分重要的注释。比如@todo来表示某些东西需要待办,用@bugfix表示代码或特定浏览器遇到的问题等等。

19、建立样式指南是一个非常好的介绍代码的元素和设计是如何工作的,这样就方便了团队之间的工作。糟糕的是,及时更新样式指南需要花费大量的精力。

20、组合模式是一个页面或一系列页面,它们使用当前的样式表显示站点上可能出现的每种样式排列组合,从标题级别和文本样式直到特定的内容和布局类型。

1 条回应
验证码
输入运算符及数字使等式成立
{{comment.validate_num1}} = {{comment.validate_num2}}
点赞确定
退出登录?
取消 确定
  1. 丽江网站建设2012-4-17 · 13:38

    基础的才是重要的。