作者：岸本瑠可的秘密_344 | 来源：互联网 | 2023-05-17 23:11
HTML中，大部分元素可分为块元素和内联元素两类.注：内联元素会在一条直线上，是在同一行的。我是行内元素SPAN标签我是行内元素strong标签注：块级元素各占一行。
HTML中，大部分元素可分为块元素和内联元素两类.
注：内联元素会在一条直线上，是在同一行的。我是行内元素SPAN标签 我是行内元素strong标签
注：块级元素各占一行。
我是块级元素div标签
我是块级元素P标签
百度百科：
block元素的特点：①总是在新行上开始；②高度，行高以及外边距和内边距都可控制；③宽度缺省是它的容器的100%，除非设定一个宽度。④它可以容纳内联元素和其他块元素
inline元素的特点：①和其他元素都在一行上；②高，行高及外边距和内边距不可改变；③宽度就是它的文字或图片的宽度，不可改变④内联元素只能容纳文本或者其他内联元素
我们完全可以把内联元素加上display:block这样的属性，让它也有每次都从新行开始的属性，即成为块元素同样我们可以把块元素加上display:inline这样的属性，让它也在一行上排列。
个人总结：
1、块元素占一行，即使改变了宽高也占一行。可包含其他元素。
2、内联元素不能修改宽高，大小随内容大小变化。不能包含其他元素。
块级元素列表
| |
定义地址 |
| |
定义表格标题 |
| |
定义列表中定义条目 |
| |
定义文档中的分区或节 |
|
定义列表 |
| |
定义列表中的项目 |
| |
定义一个框架集 |
| |
创建 HTML 表单 |
| |
定义最大的标题 |
| |
定义副标题 |
| |
定义标题 |
| |
定义标题 |
| |
定义标题 |
| |
定义最小的标题 |
|
创建一条水平线 |
| |
元素为 fieldset 元素定义标题 |
| |
标签定义列表项目 |
| |
为那些不支持框架的浏览器显示文本，于 frameset 元素内部 |
| |
定义在脚本未被执行时的替代内容 |
|
定义有序列表 |
| |
定义无序列表 |
| |
标签定义段落 |
| |
定义预格式化的文本 |
| 标签定义 HTML 表格 |
| |
标签表格主体（正文） |
| | |
表格中的标准单元格 |
| |
定义表格的页脚（脚注或表注） |
| |
| 定义表头单元格 |
| 标签定义表格的表头 |
| |
| 定义表格中的行 |
|
行内元素列表
| |
标签可定义锚 |
| |
表示一个缩写形式 |
| |
定义只取首字母缩写 |
| |
字体加粗 |
| |
可覆盖默认的文本方向 |
| |
大号字体加粗 |
|
换行 |
| |
引用进行定义 |
|
定义计算机代码文本 |
| |
定义一个定义项目 |
| |
定义为强调的内容 |
| |
斜体文本效果 |
![]() |
向网页中嵌入一幅图像 |
| |
输入框 |
| |
定义键盘文本 |
| |
标签为 input 元素定义标注（标记） |
| |
定义短的引用 |
| |
定义样本文本 |
| |
创建单选或多选菜单 |
| |
呈现小号字体效果 |
| |
组合文档中的行内元素 |
| |
语气更强的强调的内容 |
| |
定义下标文本 |
| |
定义上标文本 |
推荐阅读
-
本文旨在深入探讨Spring Boot的自动配置机制，特别是如何利用配置文件进行有效的设置。通过实例分析，如Http编码自动配置，我们将揭示配置项的具体作用及其背后的实现逻辑。 ...
[详细]
蜡笔小新 2024-12-19 12:41:37
-
本文详细探讨了在微服务架构中，使用Feign进行远程调用时出现的请求头丢失问题，并提供了具体的解决方案。重点讨论了单线程和异步调用两种场景下的处理方法。 ...
[详细]
蜡笔小新 2024-12-19 10:17:16
-
-
本文详细介绍了Java集合框架中的Collection体系，包括集合的基本概念及其与数组的区别。同时，深入探讨了Comparable和Comparator接口的区别，并分析了各种集合类的底层数据结构。最后，提供了如何根据需求选择合适的集合类的指导。 ...
[详细]
蜡笔小新 2024-12-18 18:29:09
-
本文内容来自ADI的技术文章，作者：DelJones原网址为：https:www.analog.comcnanalog-dialoguea ...
[详细]
蜡笔小新 2024-12-18 17:21:20
-
本文详细介绍了如何正确安装Java EE SDK，并解决在安装过程中可能遇到的问题，特别是关于servlet代码在Apache Tomcat 10中无法运行的情况。 ...
[详细]
蜡笔小新 2024-12-18 12:09:19
-
本文探讨了Web开发与游戏开发之间的主要区别，旨在帮助开发者更好地理解两种开发领域的特性和需求。文章基于作者的实际经验和网络资料整理而成。 ...
[详细]
蜡笔小新 2024-12-18 08:26:30
-
介绍一款备受好评的全能型终端工具——MobaXterm，它不仅功能强大，而且完全免费，适合各类用户使用。 ...
[详细]
蜡笔小新 2024-12-16 21:02:15
-
探索容器和微服务的基础知识，了解如何通过先进的应用性能管理（APM）工具提升监控效能。加入AppDynamics APM的导览，掌握容器与微服务实施及监控的最佳实践。 ...
[详细]
蜡笔小新 2024-12-16 20:41:16
-
本文探讨如何利用Java反射技术来模拟Webwork框架中的URL解析过程。通过这一实践，读者可以更好地理解Webwork及其后续版本Struts2的工作原理，尤其是它们在MVC架构下的角色。 ...
[详细]
蜡笔小新 2024-12-18 10:06:40
-
本文详细介绍了 Kubernetes 集群管理工具 kubectl 的基本使用方法，涵盖了一系列常用的命令及其应用场景，旨在帮助初学者快速掌握 kubectl 的基本操作。 ...
[详细]
蜡笔小新 2024-12-18 09:41:33
-
本文将指导您如何在Docker环境中高效地搜索、下载Redis镜像，并通过指定或不指定配置文件的方式启动Redis容器。同时，还将介绍如何使用redis-cli工具连接到您的Redis实例。 ...
[详细]
蜡笔小新 2024-12-17 21:06:03
-
本文深入探讨了Lua语言中的数组和迭代器，通过实例讲解了一维数组、多维数组的使用方法及迭代器的工作原理。 ...
[详细]
蜡笔小新 2024-12-17 12:16:24
-
本文详细介绍如何在 Docker 中自定义网络设置，包括网关和子网地址的配置。通过具体示例展示如何创建和管理自定义网络，以及容器间的通信方式。 ...
[详细]
蜡笔小新 2024-12-16 20:26:24
-
本文介绍了Docker网络管理的基本概念，包括为什么需要Docker网络管理以及Docker提供的多种网络驱动模式。同时，文章还详细解释了Docker网络相关的命令操作，帮助读者更好地理解和使用Docker网络功能。 ...
[详细]
蜡笔小新 2024-12-16 17:42:02
-
作为一名在读大学生，本文分享了我对《工程与科学中的Matlab应用》第三章习题的个人解决方案。欢迎通过私信或评论进行交流和讨论，但不接受任何形式的权威指导。文中提供了详细的代码实现，旨在促进学习和共同进步。 ...
[详细]
蜡笔小新 2024-12-16 14:01:07
-
岸本瑠可的秘密_344
这个家伙很懒，什么也没留下！
| |
京公网安备 11010802041100号