行内元素、块级元素、空元素的理解

简介: 行内元素、块级元素、空元素的理解

一、什么是行内元素?块级元素?空元素?


       1)行内元素也称行内标签或内联元素或内嵌元素,一个行内标签通常会和其他行内标签显示在同一行中,它们不占有独立的区域,仅仅靠自身的文本内容大小和图像尺寸来支撑结构,一般不可以设置宽度、高度、对齐等属性,常用于控制页面中文本的样式。


       2)块级元素也称为块标签,在页面中以区域块的形式出现,其特点是,每个块元素通常都会独自占据一行或多行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。


       3)空元素指在html中没有内容的html元素。


二、哪些是行内元素、块级元素、空元素?


       1)常见的行内元素:<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<a>、<span>等,其中<span>标签最典型的行内元素。


       2)常见的块级元素:<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中<div>标签是最典型的块元素。


       3)常见的空元素:<br/> 换行 ;<hr> 分隔线 ;<input>文本框;<img> 图片; <link>外链 <meta>。


三、编码中的注意点与实际问题?


       1)行内元素与块级元素的区别:


               a、行内在同一行而不在同一列,块级相反;


               b、块级元素内可以放置行内元素及其他块级元素,相反行内元素不能放置块级元素但可以放置其他行内元素和文字;


               c、行内元素与块级元素属性不同,行内元素设置width无效,height无效(可以设置line-height);


       2)行内元素(inline)与块级元素(block)之间的相互转化:


               a、行内元素转到块级元素:设置display:block;


               b、块级元素转到行内元素:设置display:inline;


       3)实际问题:防止在行内元素时设置宽高度,不生效时应该先检查是否为行内元素,是时先转为块级元素再设置。


相关文章
|
网络协议 虚拟化 网络虚拟化
HP Proliant DL360 G9使用业务网卡登录ILO管理(上)
HP Proliant DL360 G9使用业务网卡登录ILO管理
HP Proliant DL360 G9使用业务网卡登录ILO管理(上)
|
存储 网络协议 安全
CentOS7下搭建Rsyslog Server记录远程主机系统日志
CentOS7下搭建Rsyslog Server记录远程主机系统日志
1230 0
CentOS7下搭建Rsyslog Server记录远程主机系统日志
|
安全 Shell 网络安全
【服务器】Xshell与Xftp软件的使用指南
【服务器】Xshell与Xftp软件的使用指南
1385 0
|
Java 开发工具 对象存储
Aliyun OSS Java SDK超时时间设置
Aliyun OSS Java SDK超时时间设置
16997 0
|
SQL 存储 开发框架
数据库必知词汇:用户定义函数(UDF)
用户定义函数(UDF) 由一个或多个SQL语句组成的子程序,可用于封装代码以便重新使用。通常情况下不将用户限制在定义为SQL语言一部分的内置函数上,而是允许用户创建自己的用户定义函数。
2683 0
|
11月前
|
人工智能 分布式计算 数据处理
云产品评测:MaxFrame — 分布式Python计算服务的最佳实践与体验
阿里云推出的MaxFrame是一款高性能分布式计算平台,专为大规模数据处理和AI应用设计。它提供了强大的Python编程接口,支持分布式Pandas操作,显著提升数据处理速度(3-5倍)。MaxFrame在大语言模型数据处理中表现出色,具备高效内存管理和任务调度能力。然而,在开通流程、API文档及功能集成度方面仍有改进空间。总体而言,MaxFrame在易用性和计算效率上具有明显优势,但在开放性和社区支持方面有待加强。
166 9
|
机器学习/深度学习 TensorFlow 算法框架/工具
深度学习中的正则化技术及其对模型性能的影响
【8月更文挑战第26天】本文将深入探讨深度学习领域中的正则化技术,并分析其如何塑造模型性能。我们将从理论出发,逐步引导读者理解不同正则化方法背后的原理,并通过实例展示它们在实际问题中的应用效果。文章旨在启发读者思考如何在特定的深度学习任务中选择合适的正则化策略,以优化模型的表现。
|
11月前
|
运维 Kubernetes Serverless
阿里云Argo X K8s玩转工作流引擎,实现大规模并行计算
本文基于2024云栖大会田双坤的演讲,介绍了Kubernetes作为云原生操作系统的角色及其在各类任务中的应用,重点探讨了Argo Workflows在Kubernetes上编排并行任务的能力。面对自建Argo Workflows的挑战,如稳定性、成本和安全性等问题,阿里巴巴云推出了全托管的Serverless Argo工作流,提供全托管、免运维、可观测和易集成的特点,显著提升了任务编排的效率和稳定性。适用于数据处理、科学计算、自动驾驶仿真等多个领域。
|
运维 监控 Linux
解决CPU与带宽高使用率问题:深入分析与应对策略
引言:性能问题的诊断与优化 在运维工作中,操作系统性能问题如影随形,典型代表是CPU使用率高和带宽使用率高的问题,它们直接影响应用的性能和响应时间。这篇记录将逐个分析这两个问题的产生原因和解决方法。
解决CPU与带宽高使用率问题:深入分析与应对策略
|
运维 监控 数据可视化
平台式可复用的应用集成能力,助您敏捷、高效的完成企业数字化转型
企业数字化转型往往是一个长期持续的过程,产品变革和技术迭代也在加速演进,连接性是数字化转型的关键推动因素,甚至将决定成败。为了应对普遍的集成要求,企业需要新一代更敏捷的集成能力框架,基于高效的连接,盘活企业的数据和业务资产,实现业务数据化,并进一步引领到智能化的进阶演进。
2587 93
平台式可复用的应用集成能力,助您敏捷、高效的完成企业数字化转型