元素显示模式

目录

1.块级元素

2.行内元素

3.行内块元素

4.元素显示模块转换

5.拓展1:HTML嵌套规范注意点


标签可以叫做标记/元素

1.块级元素

显示特点:独占一行

                 宽度默认是父元素的宽度,高度默认由内容撑开(即div与body的宽度相同)

                 可以设置宽高

代表标签:div、p、h系列、ul、li等

2.行内元素

显示特点:一行可以显示多个

                 高度默认由内容撑开

                 不可以设置宽高(就算设置也不生效)

代表标签:a、span、b、u、i、s、strong、ins、em、del...

3.行内块元素

显示特点:一行可以显示多个

                 可以设置宽高

代表标签:input、textarea、button、select

特殊情况:img标签有行内块元素特点

4.元素显示模块转换

目的:改变元素默认的显示特点,让元素符合布局要求

语法:

属性效果使用频率
display:block转换成块级元素较多
display:inline-block转换成行内块元素较多
display:inline转换成行内元素较少

5.拓展1:HTML嵌套规范注意点

1.块级元素一般作为大容器,可以嵌套:文本、块级元素、行内元素、行内块等等~~

     但是:p标签中不要嵌套div、p、h等块级元素

2.a标签内部可以嵌套任意元素

     但是:a标签不能嵌套a标签

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值