CSS盒子模型

目录

盒子模型

1.1 看透网页布局的本质

1.2 盒子模型（ Box Model ）组成

1.3 边框（border）

1.4 表格的细线边框

1.5 边框会影响盒子实际大小

1.6 内边距（padding）

1.7 外边距（margin）

1.7.1 外边距典型应用

1.8 外边距合并

1.8.1 相邻块元素垂直外边距的合并

1.8.2 嵌套块元素垂直外边距的塌陷

1.9 清除内外边距

1.9.1 清除内外边距

1.9.2 去掉li前面的小圆点

---

盒子模型

1.1 看透网页布局的本质

1.2 盒子模型（ Box Model ）组成

1.3 边框（border）

1.4 表格的细线边框

1.5 边框会影响盒子实际大小

1.6 内边距（padding）

1.7 外边距（margin）

1.7.1 外边距典型应用

auto居中

1.8 外边距合并

1.8.1 相邻块元素垂直外边距的合并

1.8.2 嵌套块元素垂直外边距的塌陷

1.9 清除内外边距

1.9.1 清除内外边距

1.9.2 去掉li前面的小圆点

li {
    list-style: none;
}