HTML常见标签的默认display属性归类

HTML标签中可以简单的划分为两类元素,一种是 块级元素 (block),一种是 行内元素 (inline)

块级元素


div 是最常见的HTML标签,它是一个典型的块级元素。它的内容会独立占领至少一行,哪怕内部只有一个字符。
HTML5时代,为了追求标签语义化,制定了新的类似*<div>*的标签,比如 <section> <nav> 等等,他们的 display 默认属性都一致。

    section,nav,article,header,footer.aside... { 
        display:block;
    }
    //HTML5新增的区块元素

HTML5里,还有几种新标签同样是区块元素,但是兼容性不好,所以不推荐使用。

    details,dialog,summary {
        display:block; 
    }
    //IE和Chrome都不支持,不建议使用

行内元素


行内元素就更加常见了,比如 <a>,<img>,*<span>*等等,它们在网页当中不会占领一行,但是会根据内容来进行扩张,某些元素可以指定 widthheight 属性,设置元素的宽度和高度。
我们也可以改变 display 属性来把使元素能指定大小。

    a {
        display:inline-block;   
        width:15px;  
        height:10px;  
    }

转载于:https://my.oschina.net/u/3412747/blog/1491284

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值