css(3)

18、什么是盒子模型？IE的盒子模型有什么不同的？

在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距
（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间
中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css
中元素的盒模型。

有两种盒子模型, IE 盒子模型、标准 W3C 盒子模型；IE的content部分包含了 border 和 pading;

19、margin塌陷问题和合并 (一般margin合并不解决，margin塌陷要解决)

margin塌陷问题和合并问题都
1.margin塌陷问题
这个问题是一个经典的浏览器内核问题。具体表现是当两个元素嵌套到一起时，内层元素是相对于外层元素
进行移动，但是这时内层元素却相对于整个文档进行移动，好像外层元素没有“棚顶”一样，因此叫margin塌陷
问题。
margin塌陷问题解决方法：
1）、给外层元素认为加一个“棚顶”:border。
这种方法虽然能够解决问题，但是在日常开发中我们不使用它，因为他在外观上对元素进行了改变。
2）、bfc–block format context (bfc)块级格式化上下文,给外层元素加一个特定属性来触发bfc来解决margin塌陷问题，可以下面4选1
overflow:hidden;
display:inline-block;
position:absolute;
float:left;

2.margin合并问题
具体表现为两个元素并列时，两者相隔的外边距取的是两者所设置margin的最大值。
    <div class = 'box1'>box1</div>
    <div class = 'box2'>box2</div>
    <!--css代码-->
    .box1{
        background-color:red;
        margin-bottom:100px;
    }
    .box2{
        background-color:blue;
        margin-top:150px;
        <!--此时两者相隔的外边距为下面的box2所设置的margin-top:150px。-->
    }

20.行内元素有哪些？块级元素有哪些？空(void)元素有那些？

（1）行内元素有：a b span input select strong（强调的语气） 
（2）块级元素有：div ul ol li dl dt dd h1 h2 h3 h4…p 
（3）常见的空元素： <br> <hr> <link> <meta>

css(3)

推荐阅读更多精彩内容