补充的课程知识点:
现在的大部分的网页布局DIV+CSS方式,最常见的标签如下:
div标签
div之间是一个容器,这个容器可以包裹段落、表格、图片等各种html元素
span标签
没有实际意义,为了应用样式
块级标签
占据一行,换行。
div, ul, ol, li, dl, dd, h1~h6, p, form, hr, …
行级标签
在一行,不换行。
b, em, img, input, a, sup, sub, textarea, span…
标签嵌套
1、块级标签可以包含行级标签(行内元素)和某些块级元素
2、行内元素不能包含块级元素,只能包含其他行内元素
3、块级元素不能放在p – 段落标签内
4、特殊的块级元素只能包含行内元素,不能在包含块级元素
如:h1~h6 p dt…
5、块级元素和块级元素并列,行级元素和行级元素并列
注意:规则需要遵守,但是html语法检查不严格,浏览器不能做到查错!
标签嵌套案例
<hr>
<h1>css样式</h1>
<ul>
<li><b>css层叠样式</b></li>
<li><strong>使用方法</strong>
<ol>
<li><i>行内样式</i></li>
<li><em>内部样式</em></li>
<li><em>外部样式</em></li>
</ol>
</li>
<li><b>css优先级</b></li>
</ul>