CSS，盒子模型

1.块级盒子

特点：独占一行，对宽度高度支持 举例：div h1~h6 p ul li

2.内联级盒子

特点：不独占一行，对宽度高度不支持 举例：a span

3.内联块级盒子：

特点： 不独占一行，对宽度高度支持 举例：

4.弹性盒子

特点：默认该元素无论放不放的下子元素们，子元素始终横着布局

1.内容区

width:200px

height: 100px

2.填充区 padding 从上开始，顺时针旋转

padding: 50px;

padding: 50px 10px;

padding: 50px 10px 100px;

padding: 50px 10px 100px 30px;

padding: 50px 0 0 0;只设置一个

也可以

padding-top: 50px ;只设置上

下：bottom 左：left 右：right

3.边框区 border 复合属性

border-style：边框样式 solid实线 double双实线

border-color：边框颜色

border-width：边框宽度

dashed dotted

margin-top上:50px 间距，其他方向bottom left right

特殊值auto，水平方向居中