本文详细介绍了HTML中的块级标签、行级标签和行级块标签，强调了display属性在调整标签类型中的作用。重点讨论了div和span标签的特性及其在网页布局中的应用，指出div作为布局工具，span用于文本修饰。同时阐述了CSS的盒子模型，包括内容区、内边距、边框和外边距的概念，帮助理解网页元素的尺寸设定和布局方式。
1. 块级标签
无论内容多少，都会占一行，即自动换行。（p，h1，ul，ol）
默认尺寸：宽——与父级标签一致
高——为0
还可以通过width，height设置宽高。
主要用于网页布局。
2. 行级标签
只占自身内容大小，不会占一行。（a，b，i）
设置宽高是无效的。
多用于选中文本文字。
3. 行级块标签
不占一行，可以设置宽高。（input，image）
4. 注意事项
1.一般情况下，使用块级标签包含行级标签。
2.a标签可以包含除自身外的任何标签。
3.p标签不可包含任何的快标签。
5.DISPLAY
通过display样式可以修改标签的类型。
block ：设置标签为块级标签。
inline ：设置标签为行级标签 。
inline-block ：设置标签为行级块标签 。
none ：隐藏标签（标签将在页面中完全消失）。
6. div标签和span标签
6.1 div标签
div标签是块级标签，可以放置任何标签。
div没有任何附加属性，给了什么属性就能变成什么样。
div的主要作用是用来布局网页。
div标签是一个纯净版的块级标签。
6.2 span标签
span标签是行级标签 。
span 没有任何附加属性，给了什么属性就能变成什么样。
spa
最低0.47元/天 解锁文章
1987
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
