HTML常见的块元素、行内元素总结

HTML常见的块级元素、行内元素

1、常见块级元素
div ,p ,ul , li ,h1-h6…

块级元素特点:(1)所有的块级元素都会独占一行;
(2)块级元素可以直接设置其宽度和高度;
(3)如果一个块级元素没有设置宽度,那么其默认的宽度是父元素的宽度。
2、常见行内元素
span ,a ,strong ,em ,b ,s ,i ,font…

行内元素特点:(1)所有行内元素都在一行上显示;
(2)行内元素没有宽度和高度(即使设置也不生效)。
3、常见行内块元素
img ,input ,select ,textarea ,button ,label …

   行内块元素特点:(1)与所有的行内元素相同都在一行上显示;
                                (2) 与块级元素相同可以设置宽度和高度。

4、不同元素之间的转换方式
转换为块级元素: disaplay : block
转换为行内块元素:dispaly : inline-block
转换为行内元素 : display : inline

  • 7
    点赞
  • 30
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值