<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
属性中放入多个类名, 可以指定一个元素属于多个类, 类名之前用空格分隔.