Html盒子模型学习总结

Html的盒子模型

1.总的来说Html元素可以分为两类：即块状元素和行内元素。

2.块状元素（Block）类型的元素可以设置Width和Height值属性，而行内（Inline）类型无效。

3.浏览器在读取Html源代码的时候是根据元素在代码中出现的顺序读取，是依据元素的盒子模型来决定的。即行内元素从左道右，块状

元素从上到下的顺序来呈现。

4.块级框从上到下一个接一个的排列，框之间的垂直距离是由框的垂直外边距计算出来。

5.行内框在一行中水平布置，可以使用水平内边距，边框和外边距调整他们的距离。

6.盒子模型在CSS中如果没有给元素指定定位模式，默认的认为Position定位为静态定位，元素出现在正常流中，这是给元素指定Top,

bottom,right,left或者Z-index声明无效。

 

文章摘自：艾维艾科技