必备基础
div和span与块级和行内标签
标签分块级标签和行内标签：
块级标签：需要占据一行，强制换行，一般都是用于网站的结构搭建。如：div、ul、ol、li、dl、dt、dd、h1~h6、p、form、hr…
行内标签：在一行，不换行，常用与细节处，如：b、em、img、input、a、sup、sub、textarea、span…
嵌套规则总结：
①：块级元素可以包含行内元素和某些块级元素（联想：木箱里可以装香烟和其他某些木箱）
②：行内元素不能包含块级元素，只能包含其他行内元素（一条香烟里面只能装盒装香烟，没法装箱子进去）
③：块级元素不能放在
标签内（特例）
④：特殊块级元素：h1-h6，p，dt标签只能包含行内元素，不能包含其他块级（可以理解为它们是最小规格的箱子）
⑤：块级与块级并列，行内和行内并列（不是一家人，不进一家门，Q-Q)
html结构
1.1html结构通俗来讲就是为了显示网页内容的一种结构方式，就比如网页的肉体。
1.2css样式结构通俗来讲是为了显示网页的精彩内容和条理性的一种结构，就比如网页的骨骼。
2.1网页的美观需要各式各样的容器进行设计，其中包括最重要的div。
3.1网页的结构分析总体：网页的结构一般分为页头，主体和页脚，其中页头是存放logo，导航，banaer图或推广广告。页脚包含版权声明，使用协议或者其他一些友情链接。
3.2网页的结构分析细节：逐个分析网页内容的实现方式，具体标签的使用和属性设置
网页常用 布局
<body>
<!--头部内容-->
<div>
<!--logo-->
<div></div>
<!--导航-->
<div></div>
<!--banner图-->
<div></div>
</div>
<!--主体内容-->
<div>
<!---文章内容---->
<div></div>
<!--链接区-->
<div></div>
</div>
<!--页脚内容-->
<div></div>
</body>