《精通CSS》笔记1

第一章 基础知识

---

div可以用来对块级元素进行分组，而span可以用来对行内元素进行分组或标识。
为了将不必要的标记减到最少，应该只在没有元素能够实现区域分割的情况下使用div元素。

---

第二章 为样式找到应用目标

---

一.常用的选择器

元素选择器、后代选择器、ID选择器、类选择器，建议混合使用。

---

二.通用选择器

*

---

三.高级选择器

子选择器、相邻同胞选择器、属性选择器（根据属性或属性值）

---

四.规划、组织和维护样式表

1.对文档应用样式

外部样式表

---

第三章 可视化格式模型

一.盒模型

*只有普通文档流中边框的垂直外边距才会发生外边距叠加。行内框，浮动框或绝对定位框之间的外边距不会叠加。

---

二.定位

使用相对定位时，无论是否移动，元素仍然占据原来的空间，因此，移动元素会使其覆盖其他框。
绝对定位：其元素的位置是相对于距离它最近的那个已定位的祖先元素确定的。如果没有已定位的祖先元素，那么其位置是相对于初始包含块的。
浮动：围绕现象。（清理）clear属性。
举例：假设有一个图片，你希望它浮动到一个文本块的左边，你还想把这个图片和文本包含在另一个具有具体背景颜色和边框的元素中。你可能会编写这样的代码

---