css盒子模型

边框border
 内边距padding
 外边距margin

边框综合属性 border: 4px dashed blue;

同时设置边框的宽度、样式和颜色

边框宽度：border(-top/left/bottom/right)-width:thin/medium/thick/像素值;（四边）（上下 左右）（上 左右 下）（上右下左）

边框颜色：border(-top/left/bottom/right)-color:thin/medium/thick/像素值;

 边框样式:border(-top/left/bottom/right)-style:none/hidden/dotted(点线)/dashed(虚线)/solid(实线)/double(双实线);

内边距：padding(-top/left/bottom/right):像素值;（四边）（上下 左右）（上 左右 下）（上右下左）

外边距：margin(-top/left/bottom/right):像素值;（四边）（上下 左右）（上 左右 下）（上右下左）

网页居中对齐 margin:0px  auto;

网页居中对齐的必要条件     1，块元素    ,2，固定宽度width

盒子模型总尺寸=左右border+左右padding+左右margin+内容宽度

清除默认内外边距

* {margin: 0px;padding: 0px;}

写css时，用通配符选择器消除边框影响。

再用div包住所有的元素，id为XX，用#XX 元素...的包含关系写。

在外面用总的标签选择器写所有相同的样式，不同之处再用nth-of-type写。

dd{}

dd nth-of-type(1){}

盒子模型模式box-sizing:border-box；

写上此样式后，width和height变为盒子总大小，从外往内设定，宽度包括2个border+2个padding+内容宽度；推荐

默认box-sizing:content-box; width和height为内容大小，从内往外设定；

box-sizing:inherit; 继承父元素的盒子模型模式

兼容