盒模型

作者: 崔敏嫣 | 来源:发表于2016-06-11 17:18 被阅读0次

    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进行设置,一个

    相关文章

      网友评论

          本文标题:盒模型

          本文链接:https://www.haomeiwen.com/subject/jjfedttx.html