两图片中标红线位置,一样。不过第一张.first确定<h6>标签,第二张.first确定<p>标
签,那么请问第二张表红线部分为什么出不来效果
块级元素不允许包含块级元素,因此<p></p>中包含<p></p>会报错,去掉内部的<p></p>即可。下面是修改后的结果:
<p class="first">三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回<span>答老</span>师提出的问题。</p>
块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:
[div][h1][/h1][p][/p][/div] —— 对
[a href=”#”][span][/span][/a] —— 对
[span][div][/div][/span] —— 错
2. 块级元素不能放在[p]里面:
[p][ol][li][/li][/ol][/p] —— 错
[p][div][/div][/p] —— 错
3. 有几个特殊的块级元素只能包含内嵌元素,不能再包含块级元素,这几个特殊的标签是:
h1、h2、h3、h4、h5、h6、p、dt。
4. li 内可以包含 div 标签 —— 这一条其实不必单独列出来的,但是网上许多人对此有些疑惑,就在这里略加说明:
li 和 div 标签都是装载内容的容器,地位平等,没有级别之分(例如:h1、h2 这样森严的等级制度^_^),要知道,li 标签连它的父级 ul 或者是 ol 都可以容纳的,为什么有人会觉得 li 偏偏容纳不下一个 div 呢?别把 li 看得那么小气嘛,别看 li 长得挺瘦小,其实 li 的胸襟很大滴……
5. 块级元素与块级元素并列、内嵌元素与内嵌元素并列:
[div][h2][/h2][p][/p][/div] —— 对
[div][a href=”#”][/a][span][/span][/div] —— 对
[div][h2][/h2][span][/span][/div] —— 错
[a]标签不能包含其他[a]标签
[pre]标签不能包含[img],[object],[big],[samll],[sub]和[sup]标签
[button]标签不能包 含[input],[select],[textarea],[label],[button],[form],[fieldset],[iframe] 和[isindex]标签
[label]标签不能包含其他[label]标签
[form]标签不能包含其他[form]标签
这个网站介绍的很具体大家可以看看:html块级元素和内嵌元素-嵌套规则html/js/css http://txjia.com/tip/?2014-7W-EEG0
像 form,div就是常见的块级元素,块级元素会另起一行,不会接着上面的元素呈现在一行里,你可以用div和span来试试看就知道了。
<p>.......</p>就是块级元素
因为p里面不能包p啊。p是块级元素。
优先级的问题