HTML元素类别及转换
位置特性分类元素分为三类:块级元素,行内元素,行级块元素
1.块级元素(block)
特点: (1)可以设置宽高、内、外边距;
(2)独占一行(即前后均有换行);
(3)块级元素如果不设置宽度和高度,则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。
常见的块级元素: div、p、h1、h2......hn,ol、ul、dl、li、form、table
2.行级元素(inline)
特点: (1)不可设置宽高、上下内、外边距。(左右内、外边距设置有效)
(2)其宽度和高度由其内容自动填充。
(3)其他行级元素共处一行 ;
常见的行级元素:a、span、i、lable等
3.行内块元素(inline-block)
特点:(1)可以设置宽高、内外边距;
(2)可以与其他行内元素、内联元素共处一行;
常见的内联元素:input、img
=================元素之间的转化========================
display:block;(将元素变为块级元素)
display:inline; (将元素变为行级元素)
display:inline-block;(将元素变为行级块元素)
(可以在行内样式或css样式中改变元素的display将三种元素进行转换)
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 智能桌面机器人:用.NET IoT库控制舵机并多方法播放表情
· Linux glibc自带哈希表的用例及性能测试
· 深入理解 Mybatis 分库分表执行原理
· 如何打造一个高并发系统?
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 新年开篇:在本地部署DeepSeek大模型实现联网增强的AI应用
· DeepSeek火爆全网,官网宕机?本地部署一个随便玩「LLM探索」
· Janus Pro:DeepSeek 开源革新,多模态 AI 的未来
· 互联网不景气了那就玩玩嵌入式吧,用纯.NET开发并制作一个智能桌面机器人(三):用.NET IoT库
· 上周热点回顾(1.20-1.26)