码迷,mamicode.com
首页 > Web开发 > 详细

Html盒子模型学习总结

时间:2016-07-06 21:42:05      阅读:149      评论:0      收藏:0      [点我收藏+]

标签:

Html的盒子模型

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

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

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

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

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

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

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

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

 

文章摘自:艾维艾科技

Html盒子模型学习总结

标签:

原文地址:http://www.cnblogs.com/mivi/p/5648089.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!