Html 什么';这两者之间的区别是什么<;部门>;及<;span>;如果我将display:block或inline设置为它们?
就CSS而言,没有区别。您可以对任何元素进行样式设置,而不管其语义如何 同样,就HTML而言,如何使用CSS为它们设置样式并不影响它们的性质。Html 什么';这两者之间的区别是什么<;部门>;及<;span>;如果我将display:block或inline设置为它们?,html,css,Html,Css,就CSS而言,没有区别。您可以对任何元素进行样式设置,而不管其语义如何 同样,就HTML而言,如何使用CSS为它们设置样式并不影响它们的性质。始终接受任何流内容(通常在CSS中表示为块级元素)或短语内容(通常在CSS中表示为内联元素)。但是请注意,这两个概念之间没有必要的关联。另一方面,只能包含短语内容 在有效的HTML中,这意味着可以包含,而不能包含 这两个元素的相似之处在于它们本身没有语义;它们只是作为内容的分组元素,通常用于样式设置 更多细节请参见HTML5规范。就CSS而言,没有区别。您
始终接受任何流内容(通常在CSS中表示为块级元素)或短语内容(通常在CSS中表示为内联元素)。但是请注意,这两个概念之间没有必要的关联。另一方面,
只能包含短语内容
在有效的HTML中,这意味着
可以包含
,而
不能包含
这两个元素的相似之处在于它们本身没有语义;它们只是作为内容的分组元素,通常用于样式设置
更多细节请参见HTML5规范。就CSS而言,没有区别。您可以对任何元素进行样式设置,而不管其语义如何 同样,就HTML而言,如何使用CSS为它们设置样式并不影响它们的性质。
始终接受任何流内容(通常在CSS中表示为块级元素)或短语内容(通常在CSS中表示为内联元素)。但是请注意,这两个概念之间没有必要的关联。另一方面,
只能包含短语内容
在有效的HTML中,这意味着
可以包含
,而
不能包含
这两个元素的相似之处在于它们本身没有语义;它们只是作为内容的分组元素,通常用于样式设置
查看HTML5规范了解更多详细信息。这一点基于HTML规范,
span
标记是inline
元素,div
标记是块
元素,使用CSS中的display
规则可以更改这两个
因此,如果更改显示
,则不会有任何差异
但是,按照通常使用的方式,可以考虑<代码> div <代码>来包装DOM和
查看查看以了解更多信息。这一点基于HTML规范,
span
标记是inline
元素,div
标记是block
元素,使用CSS中的display
规则可以更改这两个
因此,如果更改显示
,则不会有任何差异
但是,按照通常使用的方式,可以考虑<代码> div <代码>来包装DOM和
- “块级元素”
- 可以包含所有其他元素李>
- 只能位于其他块级元素内部
- 定义页面上的矩形区域
- 尽量宽一些
- 从“新行”开始,在末尾有一个“回车”,如
a
- “内联元素”
- 不能包含块级元素李>
- 可以位于任何其他元素内
- 在页面上定义一条“蛇”
- 尽量小一些
- 不会创建任何新行
<div style="display: inline"></div>
<span></span>
<div></div>
<span style="display:block></span>
<div style="display: inline-block"></div>
<span style="display: inline-block"></span>
下面是一组具有不同显示:设置的
如您所见,内联块
是一种混合体,它:
- 创建矩形区域(块)
- 不创建任何新行(因此为“行内”)
- “块级元素”
- 可以包含所有其他元素李>
- 只能位于其他块级元素内部
- 定义页面上的矩形区域
- 尽量宽一些
- 从“新行”开始,在末尾有一个“回车”,如
a
- “内联元素”
- 不能包含块级元素李>
- 可以位于任何其他元素内
- 在页面上定义一条“蛇”
- 尽量小一些
- 不会创建任何新行
<div style="display: inline"></div>
<span></span>
<div></div>
<span style="display:block></span>
<div style="display: inline-block"></div>
<span style="display: inline-block"></span>
下面是一组具有不同显示:设置的
如您所见,内联块
是一种混合体,它:
- 创建矩形区域(块)
- 不创建任何新行(因此为“行内”)
您询问的是两个HTML元素(数据)的区别,但使用CSS(表示法)会引起争论。如果表示是相同的,那么剩下的就是数据和语义。
和
都没有任何重要的语义含义。如果没有任何显示span,则保持内联,但div剪切到下一行可能重复的显示可以设置为行
或行块
:P.(提示,它不能)您正在询问两个HTML元素(数据)的差异但是使用CSS(表示法)是有争议的。如果表示是相同的,那么剩下的就是数据和语义。
和
都没有任何重要的语义含义。如果没有任何显示范围,则保持内联,但div剪切到下一行。我不知道的显示的可能重复项可以设置为行
或行块
:P.(提示,它不能)
block vs inline vs inline-block