块级标签、行内标签、行内块标签

一、块级标签

块级标签的特点:
1、可以直接写宽高;
2、独占一行;
3、默认宽度是父级标签的宽度
4、一般用于作为容器布局 可以嵌套其他块级元素或者行内元素(p标签不要包裹其他块级元素)

哪些标签是块级标签?

divph1-h6olullidldtddheaderfooternavasidearticlesection

二、行内元素

行内标签的特点:
1、宽高对于行内元素没有作用
2、可以允许其他行内元素排成一排
3、内容有多大就撑多大,如果没有内容,那么没有大小
4、一般用来包裹文字或者做一些小的装饰(行内标签不要嵌套块级标签,a除外)
5、行内标签与display、float、position会擦除火花(行内标签会具有行内块级元素属性)
哪些是行内标签?
spanastronginsbdelsuiem

三、行内块标签

行内块标签的特点:
1、行内块标签其实本质上是一种特殊的行内标签(text-align和line-height都可以控制行内块元素)
2、允许其他的行内元素排一排
3、可以设置宽高
哪些是行内块标签?
imginput

四、三种标签属性转换

display的用法

dispaly:bloak;//行内转块级
dispaly:inline;//块级转行内
dispaly:inline-bloak;//块级转行内块
  • 4
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值