width就是内容的宽度，真实的宽度是width+margin-left+margin-right+padding-left+padding-right+border-left+border-right.
box-sizing:border-box;设置的width和height是多少，元素就占多大。一般设置为*{box-sizing:border-box}
padding和margin有四个值，为顺时针，为上右下左
margin外边距是边框之外的，padding是内边距，是边框之内的
块级元素水平居中：margin:0 auto;margin-left:auto;margin-right:auto
ul>li.items$*5直接按tab键可以生成5个li
div.container按tab可以生成<div class="container">
text-align针对块级元素中的行内元素才有效，针对父容器居中，是放在父容器进行设置的
外边距合并，如果两个相邻元素的margin设置不一样，取最大的做好外边距。但是设置为inline-block上下边距就不会合并。margin-left和margin-right会合并吗了。
行韩行
垂直居中：vertical-align:midddle使用场景，一个是表格td进行设置，一个
