9. 元素嵌套
第2章 CSS基础
任务、步骤
校验规则

元素嵌套


在HTML中元素是可以嵌套的。

HTML元素嵌套一般遵循以下规定:

  • 块级元素可以包含行内元素或某些块级元素,
  • 行内元素不能包含块级元素,行内元素只能包含其它的行内元素
  • h1 - h6​、​p​、​dt​ 这些块级元素,只能包含行内元素

以上规定并非强制,不遵循以上规定进行嵌套,代码也是可以被执行的。

提示: 
行内元素也经常被称为“内联元素”

通常被嵌套的块级子元素,需进行换行和缩进,以让代码更加易于阅读。

例如:

<div>
    <p>第一段</p>
    <p>第二段</p>
</div>


闯关:

将​h2​和​p​元素嵌套到一个​div​元素里面。



挑战关卡

运行(Ctrl+Enter)
重置
求助
笔记
偷看答案
运行结果:
问答专区
笔记
“好记性不如烂笔头~”
加载更多