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改变值。