CSS基础 常见的元素显示模式
2024-10-19 22:07:49
1.块级元素
属性：display：block
特点：1.一行只能显示一个元素
2.宽度默认是父元素的，高度是有内容撑开
3.可以设置宽、高
常见块元素：div，p，h系列，ul、li，dl、dt、dd、from、header、nav、footer......
2.行内元素
属性：display：inline
特点：1.一行可以放多个元素
2.宽、高是有内容撑开
3.不可以设置宽、高
常见元素：a、span、b、u、i、s、strong......
3.行内块元素
属性：display：inline-block
特点：1.一行可以显示多个
2.可以设置宽、高
常见元素：input、textarea、button、select......
各级元素相互转换：只需要将关键词词写入css样式中即可，例如
a{ //由于a是行内元素，不能设置宽和高，display：inline-block关键词将其转换为行内块元素；
display:inline-block;
}
注意：1.块元素有嵌套特点，单p不可以嵌套div、p、h等块级标签
2.a标签内部可以嵌套除本身标签外的标签
最新文章
- 帮公司人事MM做了个工资条拆分工具
- maven安装nexus私服
- 泛型约束 where T : class,new()
- android 入门-布局
- SecureCRT工具配色方案
- Oracle10G 连接11G数据库，出现ORA -1017用户名/口令无效; 登录被拒绝 的问题
- Java入门1dayCode
- ERP存储过程
- Java中Scanner的使用方法
- 通过分析 JDK 源代码研究 TreeMap 红黑树算法实现--转
- 【Qt】关于Qt【转】
- 操作数据(insert、update、delete)
- Script.NET Perl解释器代码已经在GitHub开源发布
- [转] Android学习系列(29)--App调试的几个命令实践
- 我的开源框架之TAB控件
- 关于系统首页绘制问题（ext布局+c#后台加入数据）经html输出流输出响应client
- 🌵react小记 🌵
- 使用volley上传多张图片，一个参数对应多张图片，转载
- MYSQL查询语句大全集锦
- Python os.walk() 遍历出当前目录下的文件夹和文件