作者：岸本瑠可的秘密_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 元素定义标注（标记） |
| |
定义短的引用 |
| |
定义样本文本 |
| |
创建单选或多选菜单 |
| |
呈现小号字体效果 |
| |
组合文档中的行内元素 |
| |
语气更强的强调的内容 |
| |
定义下标文本 |
| |
定义上标文本 |
推荐阅读
-
本文详细介绍了W3C标准盒模型和IE传统盒模型的区别，探讨了CSS3中box-sizing属性的使用方法及其在布局中的重要性。通过实例分析，帮助读者更好地理解和应用这一关键概念。 ...
[详细]
蜡笔小新 2024-12-27 15:01:09
-
nsitionalENhttp:www.w3.orgTRxhtml1DTDxhtml1-transitional.dtd ...
[详细]
蜡笔小新 2024-12-28 13:00:24
-
-
本文详细介绍了Hadoop的基础知识及其核心组件，包括HDFS、MapReduce和YARN。通过本文，读者可以全面了解Hadoop的生态系统及应用场景。 ...
[详细]
蜡笔小新 2024-12-26 13:12:48
-
本文探讨了在Linux系统上使用Docker时，通过volume将主机上的HTML5文件挂载到容器内部指定目录时遇到的403错误，并提供了解决方案和详细的操作步骤。 ...
[详细]
蜡笔小新 2024-12-25 14:54:50
-
探讨如何真正掌握Java EE，包括所需技能、工具和实践经验。资深软件教学总监李刚分享了对毕业生简历中常见问题的看法，并提供了详尽的标准。 ...
[详细]
蜡笔小新 2024-12-25 13:38:29
-
作为一名专业的Web前端工程师，掌握HTML和CSS的命名规范是至关重要的。良好的命名习惯不仅有助于提高代码的可读性和维护性，还能促进团队协作。本文将详细介绍Web前端开发中常用的HTML和CSS命名规范，并提供实用的建议。 ...
[详细]
蜡笔小新 2024-12-25 11:06:17
-
本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准，旨在为第三方应用提供安全的用户资源访问授权，同时确保用户的账户信息（如用户名和密码）不会暴露给第三方。 ...
[详细]
蜡笔小新 2024-12-28 12:07:46
-
2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商，ARM在嵌入式处理器市场占据主导地位，其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家，共同探讨当前嵌入式系统的前沿技术和应用。 ...
[详细]
蜡笔小新 2024-12-28 11:58:48
-
一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历，月薪仅3万元，存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ...
[详细]
蜡笔小新 2024-12-28 11:14:15
-
尽管商业智能（BI）工具在中国的普及程度尚不及国际市场，但近年来，随着本土企业的持续创新和市场推广，国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争，国内BI工具通过不断优化产品和技术，赢得了越来越多用户的认可。 ...
[详细]
蜡笔小新 2024-12-28 11:12:44
-
本文详细分析了JSP（JavaServer Pages）技术的主要优点和缺点，帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术，广泛应用于Web开发中。 ...
[详细]
蜡笔小新 2024-12-28 11:00:33
-
本文探讨了领域驱动设计（DDD）的核心概念、应用场景及其实现方式，详细介绍了其在企业级软件开发中的优势和挑战。通过对比事务脚本与领域模型，展示了DDD如何提升系统的可维护性和扩展性。 ...
[详细]
蜡笔小新 2024-12-25 18:45:55
-
SplitContainer 控件是 Windows 窗体中的一种复合控件，由两个可调整大小的面板和一个可移动的拆分条组成。本文将详细介绍其功能、属性以及如何通过编程方式创建复杂的用户界面。 ...
[详细]
蜡笔小新 2024-12-25 17:20:08
-
实体映射最强工具类：MapStruct真香 ...
[详细]
蜡笔小新 2024-12-25 16:22:17
-
本文详细介绍了 Apache Shiro，一个强大且灵活的开源安全框架。Shiro 专注于简化身份验证、授权、会话管理和加密等复杂的安全操作，使开发者能够更轻松地保护应用程序。其核心目标是提供易于使用和理解的API，同时确保高度的安全性和灵活性。 ...
[详细]
蜡笔小新 2024-12-25 16:03:57
-
岸本瑠可的秘密_344
这个家伙很懒，什么也没留下！
| |
京公网安备 11010802041100号