CSS盒子模型

网页布局过程：

1：准备好相关的网页元素，也就是大大小小的盒子

2：利用CSS设置好盒子样式，将对不同的盒子摆放到对应的位置

3：将内容填充到对应的盒子中

盒子模型：

将html页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。

CSS盒子模型本质上是一个盒子，封装周围的html元素，它包括：边框，外边距，内边距，和文字内容

如下图所示：

边框：

border可以设置元素的边框，边框由三部分组成：边框宽度(粗细),边框样式，边框颜色

语法:

border：border-width||border-style||border-color