块属性,行内属性,行内块属性的特点与常见标签

一、块属性:

特点:
1.可以设置宽高 2.不可以与别人共处一行 3.不设置宽度的情况下,宽度为100%

常见标签:div , p , ul , ol , li , button , h1-h6 , p等
二、行内属性:
特点:
1.不可以设置宽高 2.可以与别人共处一行 3.其宽高由内容撑开

常见标签:span(空格的话,页面会显示空格,无论多少个空格,只显示一个空格) , a ,img , strong , br等

三、行内块属性:
特点:
1.可以设置宽高 2.可以与别人共处一行

常见标签:img , input等

四、各种标签之间的转换
1、块级标签转换为行内标签:display:inline;

2、行内标签转换为块级标签:display:block;

3、转换为行内块标签:display:inline-block;

五、 嵌套规则 


块标签可以套行标签,行标签不可以套块标签。

P标签不要套块属性标签,可以套a,span。。。

嵌套的时候注意代码的缩进。

 

posted @   粥周  阅读(510)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端
点击右上角即可分享
微信分享提示