Display:Block 详细用法

标签：style   blog   http   color   strong   2014   ar   div   

     根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。

 块级元素：

      动占据一定矩形空间，可以通过设置高度、宽度、内外边距等属性，来调整的这个矩形的样子；

 行内元素：

      自己的独立空间，它是依附于其他块级元素存在的，因此，对行内元素设置高度、宽度、内外边距等属性，都是无效的。

<style>
span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}
</style>

<div style="background-color:#F60">Div默认为 block</div>
<span style="display:block;">加了block属性</span>
<span style="display:block;">加了block属性</span>
<span style="display:block;">加了block属性</span>

<span>没加block属性</span>
<span>没加block属性</span>
<span>没加block属性</span>

Display:Block 详细用法,布布扣,bubuko.com

Display:Block 详细用法

标签：style   blog   http   color   strong   2014   ar   div   

原文地址：http://www.cnblogs.com/penger/p/3900179.html