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进行设置,一个
网友评论