本文介绍CSS的基本概念，包括规则、选择器、属性和值等核心要素。解释如何使用<style>标记和<link>元素来内联或链接外部样式表，并探讨属性的继承及覆盖机制。
<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属性中放入多个类名, 可以指定一个元素属于多个类, 类名之前用空格分隔.
扫一扫
463
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
