<HeadFirst_HTML与CSS> O'REILLY_Chap.7_CSS入门

<HeadFirst_HTML与CSS> O’REILLY_Chap.7_CSS入门

本博客的FollowMeReading系列初衷是在线的读书笔记. 为方便后期查阅, 故写成博客形式, 使用关键字查询便可以快读的找到相关的内容.

FollowMeReading系列所选的书籍一般选自O’REILLY或Apress出版社, 尽量保证笔记内容的权威性.

FollowMeReading系列的博客标题格式为: <书名> 出版社章节数章节名, 方便大家在纸质版书籍中查找.

FollowMeReading系列博文中的内容大部分是原文, 非原文部分前面将有’博主’字样提醒.

感谢<HeadFirst_HTML与CSS>作者 Eric Freeman & Elisabeth Robson
感谢<HeadFirst_HTML与CSS>翻译 徐阳 丁小峰

本博客由@scott编写. 若转载此文章, 请注明出处和作者

正文

原文

BULLTE POINTS(要点):

• CSS包含一些简单语句, 称为规则.

• 每个规则为选择的一些HTML元素提供样式.

• 典型的规则包括一个选择器, 以及一个或多个属性和值.

• 选择器指定规则将应用到哪些元素.

• 每个属性声明以一个分号结束.

• 规则中的所有属性和值都放在 { }大括号之间.

• 可以使用元素名作为选择器, 来选择任意元素.

• 通过用逗号分隔元素名, 可以一次选择多个元素.

• 要在HTML包含一个样式, 最容易的办法就是使用 <style> 标记.

• 对于HTML以及相当复杂的网站, 可能要链接到一个外部样式表.

• <link> 元素用于包含一个外部样式表.

• 很多属性都能继承. 例如, 如果为 <body> 元素设置了一个可继承的属性, 那么 <body> 的所有子元素都会继承这个属性.

• 通过为你想改变的元素创建一个更特定的规则, 能覆盖该元素继承的属性.

• 可以使用 class 属性将元素增加到一个类.

• 通过在元素名和类名之间加一个 . , 可以选择该类中的一个特定元素.

• 使用 .classname 可以选择属性这个类的所有元素.

• 通过在 class 属性中放入多个类名, 可以指定一个元素属于多个类, 类名之前用空格分隔.