1.元素的背景是指在元素内容、内边距和边界下层的区域（CSS 2.1）。背景并不在外边距下层——外边距不是元素区域的一部分，而是元素外面的区域。
2.background-image属性指定了在元素背景中显示的背景图像。在默认情况下，图像在水平和垂直方向上都是重复的。
3.由于背景图像是使用CSS设置的，并且出现在内容的背景中，它们将会在屏幕阅读器之类的辅助技术中不可见。
4.事实上，忘记声明边框样式是一个常犯的错误。如果希望边框出现，就必须声明一个边框样式。因为如果边框样式为 none或没有声明，即边框根本不存在，那么边框就不可能有宽度，因此边框宽度自动设置为 0，而不论原先定义的是什么。
5.从某种意义上说，利用 transparent，使用边框就像是额外的内边距一样；此外还有一个好处，就是能在你需要的时候使其可见。这种透明边框相当于内边距，因为元素的背景会延伸到边框区域（如果有可见背景的话）。
6.链接的样式是建立在另一个样式之上的。a:hover 必须位于 a:link 和 a:visited 之后，a:active 必须位于 a:hover 之后。要记住这个顺序，你可以尝试这样帮助记忆：LoVe Fears HAte。
7.下划线是使用 border-bottom 创造的。取消下划线的方法：text-decoration: none。
8.如果你正确写了你的 HTML links ，你应该只会在外部链接上使用绝对 URL，如果链接是链接你的站点的其他部分，那么使用相对链接是更加高效的。
9.我们设置了 display 属性为 inline，这会导致列表中的每项内容都会一起出现在同一行，它们现在表现得就像内联元素。
10.什么选择器在层叠中胜出取决于三个因素（这些都是按重量级顺序排列的——前面的的一种会否决后一种）：
* 重要性（Importance）
* 专用性（Specificity）
* 源代码次序（Source order）
11.!important。我们建议你千万不要使用它，除非你绝对必须使用它。由于 !important 改变了层叠正常工作的方式，因此调试CSS问题，尤其是在大型样式表中，会变得非常困难。
12.style属性 > ID选择器 > 类选择器、属性选择器、伪类 > 元素选择器、伪元素。战胜ID选择器的唯一方法是使用 !important。
13.在考虑所有这些层叠理论和什么样式优先于其他样式被应用时，你应该记住的一件事是，所有这些都发生在属性级别上——属性覆盖其他属性，但你不会让整个规则凌驾于其他规则之上。