《CSS设计指南（第3版）》的笔记整理。
【HTML基础】
非文本内容是通过自闭合标签显示的。闭合标签与自闭合标签的区别在于，闭合标
签包含的是会显示的实际内容，而自闭合标签只是给浏览器提供一个对要显示内容
的引用。浏览器会在HTML 页面加载的时候，额外向服务器发送请求，以取得自闭
合标签引用的内容。
按照HTML5语法编写的最简单的HTML页面的模板可以写成这样：
An HTML Template
块级元素盒子会扩展到与父元素同宽
在我们这个页面中，所有块级元素的父元素都是body，而它的宽度默认与浏览器窗
口一样宽（当然有少量边距）。因此，所有块级元素就与浏览器窗口一样宽了。说到
这，相信你就能理解为什么块级元素始终会占一行了。对了，就是因为它们始终会
保持与浏览器窗口同宽。这样一来，一个块级元素旁边也就没有空间容纳另一个块
级元素了。
行内元素盒子会“收缩包裹”其内容，并且会尽可能包紧
HTML实体
HTML 实体常用于生成那些键盘上没有的印刷字符，比如TM、† 、©，等等。HTML 实体以一个和号（&）开头，一个分号（;）结尾，二者之间是表示实体的字符串。在前面的例子中，两个实体的名字分别是“left-double-quote”（左双引号“）和“right-double-quote”（右双引号”）的简写。
Peachpit 另一位作者Elizabeth Castro（她的书非常赞，在此强烈向大家推荐）在自己的一个网页中列出了常用的HTML 实体：。http://www.elizabethcastro.com/html/extras/entities.html
要注意的是，由于和号表示实体开头，所以在要显示和号的时候不能直接写和号，而要在HTML
标签包含的文本中使用& 实体，这样才能显示出&来。比如，写成Johnson & Johnson，
才会显示成：Johnson & Johnson。
【剖析CSS规则】
规则实际上就是一条完整的CSS 指令。规则声明了要修改的元素和要应用给该元素
的样式。
下面就是一条CSS 规则，它可以把段落的文本设置为红色。
p {color:red;}
为文档添加样式的三种方法
有三种方法可以把CSS 添加到网页中，分别是写在元素标签里（也叫行内样式）、写在