盒子模型的组成

内外边距

padding：(内边距) margin：（外边距）

padding的三种用法

1.padding:10px

表示上右下左10px

2.padding:10px 20px

表示上下10px，左右20px

3.padding:10px 20px 10px

 表示上10px 左右 10px
 
 

块元素 行内块元素 行内元素

特点

1 块元素：独占一行 可以自定义宽高

2 行内元素：不可以自定义宽高

3 行内块元素：使块元素和行内元素并行并可以自定义宽高

块元素转换

 块元素转行元素：display:inline
 块元素转行内元素：display:bloack
 行内转块元素：display:inline-block