一.箱式模型
1.网络布局要学习三个核心:盒模型、浮动、定位。2.web布局的核心精髓:用CSS放置盒子。3.网页布局流程:a .首先准备相关的网页元素，基本都是盒子。b .用CSS设置盒子样式，然后放到相应的位置。把里面的东西装进箱子里。4.盒子模型的组成。CSS盒子模型本质上是一个盒子，封装了周围的HTML元素。B.
第二，边界
语法边框:boder-width | border-style | border-color
1.边框粗细
以像素为单位定义边框粗细。
2.边框样式
3.表格的细边框
边框-塌陷:塌陷；
border-collapse属性控制浏览器如何绘制表格边框，并控制相邻单元格的边框。
Collapse的意思是合并，也就是相邻的边框合并在一起。
4.边框的复合书写
边框:1px纯红；(无订单)
5.分别写边框。
边框顶部:5px纯红；
6.薄板
顶部是红色的，其他三面是蓝色的。可以使用邻近原则。
注意:边框会影响盒子的实际大小。
第三，内缘
设置内边距，即边框和内容之间的距离。
Padding-left是左内边距，padding-right是右内边距，padding-top是上内边距，padding-top是上内边距，padding-bottom是下内边距。
填充缩写
填充会影响框的实际大小。
如果框已经很宽或很高，此时指定内部框架会放大框；如果没有指定框本身的宽度或高度，那么填充不会打开框。
当字数不同时，可以给框一个填充值。
第四，外部距离
设置外部边距，即控制方框之间的距离。
左外边缘、右外边缘、上外边缘、下外边缘
Margin的缩写与padding的意思完全相同。
外边距可以使块级框水平居中，但必须满足两个条件:a .必须指定框的宽度；b .框的左侧和右侧的外部边距设置为自动。此方法使块级元素水平居中，内联元素或内联块元素水平居中。只需将text-align:center添加到其父元素中。
