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

基础知识整理(1):css中的display

时间:2014-12-13 19:15:39      阅读:251      评论:0      收藏:0      [点我收藏+]

标签:style   blog   http   io   ar   color   sp   strong   on   

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

  这个我们听的很多了,我们有时候都只是记得div是块了,span是行内。

  块级元素

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

  那么请问HTML5中的片段(header,footer,article,aside,section,nav)是属于什么元素?

  如果不能立马回答,好吧,我们学习还需努力。

  行内元素

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

  这里举例自己写吧,我就拿HTML5里面的例子来了。如下:

  <header>
    <h1>header是页面的头部或者文章的头部</h1>
    <h2>h2是标题</h2>
    <h4>同理标题</h4>
  </header>

  对于display还有一些值:

bubuko.com,布布扣

   如果您发现这篇文章的内容误导人或者违法了相关法律,请给我留言。菜鸟在此,不多说了。

  

基础知识整理(1):css中的display

标签:style   blog   http   io   ar   color   sp   strong   on   

原文地址:http://www.cnblogs.com/jristy/p/4161677.html

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