行内元素与块级元素

块级元素:用于搭建网页结构

        特点:

       1. 独占一行

       2.可以设置宽高,宽度默认100%,如果有父元素的话,宽度100%相对父元素而言,没有则相对浏览器视图区而言,高度由子元素及其内容区决定(撑起来)

       3.块级可以包含块级与行内元素

        元素:

        html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、header、footer、nav、article、section、aside、address...

行内元素:用于在结构中填充网页内容

        特点:

        1.与其他行内元素共享一行空间

        2.宽高由自身决定,不可以直接设置宽高,需要可以通过display改变元素属性来设置。

        3.由于不用来搭建网页结构,所以也无需通过css指定其宽度

        4.行内元素中不可以嵌套块元素

        元素:

        span、a、img、strong、b、i、em、sub、sup...

特殊的行内、置换元素:img、input

将块级元素转换成行内元素:display:inline;

将行内元素转换成块级元素:display:block

总结:第一次写博客,希望对大家有帮助,有不对的地方欢迎在评论区给我宝贵的意见与建议。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值