块属性,行内属性,行内块属性的特点与常见标签
一、块属性:
特点:
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。。。
嵌套的时候注意代码的缩进。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 因为Apifox不支持离线,我果断选择了Apipost!
· 通过 API 将Deepseek响应流式内容输出到前端