day03

1、盒子模型。
padding：内容到边框之间的间距，称为内边距或者内留白。
margin:盒子和盒子之间的间距称为外边距也称为外留白。
2、四种写法
3、(重点)特点：在块元素四个方向都有效，在行内元素水平方向左右有效，垂直方向上下无效。
应用：可以让块级元素水平居中（1、盒子必须设置宽度。2、左右设置为auto。
2、标签的显示模式：块元素和行内元素。
（1）块元素的display属性值为block。
（重点）块元素的特点：块标签独占一行，从上往下垂直排列，能设置宽高。
margin、padding：4个方向都有效。
（2）行内元素的display属性值是inline
（重点）行内元素的特点：相邻元素在一行上显示，并排排列。设置宽高无效，由内容撑开宽高。
margin左右方向有效，上下无效、padding左右有效，不建议使用上下。
（3）行内块元素：img。可以设置宽高，对齐方式；display:inline-block
(重点)行内块元素的特点：行内元素的特点：相邻元素在一行上显示，并排排列。设置宽高无效，由内容撑开宽高（行内元素的特点）。宽高、行高、外边距、内边距都可以控制（块元素的特点）。

3、实际开发过程中，可以改变显示元素，display改变值。