CSS-盒子模型

盒子的水平居中：

将盒子左右两边的margin都设置为auto，盒子将水平居中

margin: 0 auto;

box-sizing属性

box-sizing:border-box;

盒子的width、height数字就表示盒子的实际占有宽度（不含margin）即padding、border变成“内缩”、不再“外扩”

行内元素和块级元素

display属性类型	是否能并排显示	是否能设置宽高	当不设置width属性时	举例
块级元素	否	是	width自动撑满	div、section
行内元素	是	否	width自动收缩	a、span、em

行内块

img和表单元素是特殊的行内块，他们既能设置宽度高度，也能并排显示

使用 display:block 将元素转为块级元素

使用 display:inline将元素转为行内元素

使用 display:inline-block 将元素转为行内块元素