CSS:display属性

来源:互联网 发布:java wait time 编辑:程序博客网 时间:2024/05/17 01:33

盒子的display属性

      通过设置元素的display属性,可以改变某个元素本来的元素类型,或者把某个元素隐藏起来。这个属性在实际网页设计中用的非常频繁,而且发挥巨大作用。

常见的属性有①none:此元素不会被显示。

                        ②inline:默认。此元素会被显示为内联元素,元素前后没有换行符。如div元素,p元素,ul元素

                        ③block:此元素将显示为块级元素,此元素前后带有换行符。如span元素,a元素。

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>display属性</title>      <style>      p{display: inline;}      div{display: none;}      span{display: block;}      </style>   </head><body><p>此元素会被显示为内联元素,元素前后没有换行符。如div元素,p元素,ul元素</p>    <div>不会显示出来</div>    <span>此元素将显示为块级元素,此元素前后会带有换行符。</span>        <span>不信你看</span></body></html>

0 0
原创粉丝点击