初相识——HTML5 盒模型

目录

1.关于什么是盒模型

2.每个盒模型的基本组成：

3.内边距的注意事项：

 4.边框（border）的主要实现属性：

               （1）一些线的实现                                               

5.外边距（margin）的主要实现属性：

              （1）.叠压现象

              （2）.塌陷问题                                       

---

1.关于什么是盒模型

每个标签都是一个矩形，像一个盒子，所以HTML页面的布局可以理解为多个盒子组成嵌套排列而成。

2.每个盒模型的基本组成：

宽度（width）、高度（height）、内边距（padding）、边框（border）、外边距（margin）。

3.内边距的注意事项：

Padding 的赋值有4位，从上开始顺时针（上、右、下、左）赋值，并且padding会增加盒模型的面积。

·padding-top