1.css三大重点：盒子模型、浮动、定位
2.网页布局的本质：就是拼接盒子的过程
3.盒子包含什么：内容，宽，高，边框，内边距，外边距
①宽：width：；
②高：height：；
③边框：border：设置宽度、类型、颜色
类型：实线：solid
虚线：dashed
点线：dotted
双实线：double
位置名词：水平方向：left center right
垂直方向：top middle bottom
综合设置：border-left：宽度 类型 颜色；
四边一样时：border：宽度 类型 颜色；
边框会影响盒子尺寸。
④内边距：padding：（盒子中的内容与边框之间的距离）
输入4个：上 右 下 左
输入3个：上 右（左）下
输入2个：上（下）右（左）
输入1个：上（下 右 左）
内边距也会影响盒子尺寸。
⑤外边距：margin：（元素距离其他元素或浏览器之间的距离）
输入4个：上 右 下 左
输入3个：上 右（左）下
输入2个：上（下）右（左）
输入1个：上（下 右 左）
外边距不会影响盒子尺寸。
⑥设置表格：table{
border：宽度 类型 颜色；
table-collapse：collapse；（等同于html中的cellspacing=0去掉内边框宽度）
}
td{
border：宽度 类型 颜色；
}
⑦块状元素水平居中（因为块状元素库宽度默认与父类即盒子一样）：
margin：auto；（必须是块状元素，必须设置宽度；行内和行内块元素用text-align：center；即可）
⑧塌陷问题：相邻块元素垂直外边距的合并
使用 margin 定义块元素的垂直外边距时，可能会出现外边距的合并。
当上下相邻的两个块元素相遇时，如果上面的元素有下外边距 margin-bottom ，下面的元素有上外边距 margin-top ，则他们之间的垂直间距不是 margin-bottom 与 margin-top 之和，而是两者中的较大者。这种现象被称为相邻块元素垂直外边距的合并（也称外边 距塌陷 ） 。
嵌套块元素垂直外边距的合并
对于两个嵌套关系的块元素，如果父元素没有上内边距及边框，则父元素的上外边距会与子元素的上外边距发生合并，合并后的外边距为两者中的较大者，即使父元素的上外边距为 0 ，也会发生合并。
解决方案：
1 、可以为父元素定义 1 像素的上边框或上内边距。
2 、可以为父元素添加 overflow:hidden 。
为了方便控制网页中的元素，制作网页时，可使用如下代码清除元素的默认内外边距：
* {
padding: 0; /* 清除内边距 */
margin: 0; /* 清除外边距 */
}
