HTML+CSS第八课：使用CSS布局网页——网页中块级元素与行内元素、盒子模型的理解

知识点：网页中的块级元素、行内元素、盒子模型、盒子元素的背景设置、CSS精灵。

1、块级元素与行内元素

在HTML代码中，我们把标签元素按默认表现分为块级元素和行内元素两种。其中块级元素默认会独占一行，而行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到一行排不下，才会换行，其宽度随元素的内容而变化。

1.1  块级元素

　块级元素排斥其他元素与其位于同一行，可以设定元素的宽（width）和高（height），块级元素一般是其他元素的容器，可容纳块级元素和行内元素。常见的块级元素有div、p、h1~h6、ul、ol、dl、table、form等。

新的标签学习：<div>标签

<div>标签没有特定的含义，它是可用于组合其他 HTML 元素的容器。语法：<div>其他标签或内容</div>

<div>标签是块级元素，浏览器会在块级元素的起始和结束处换行。<div> 标签的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。使用 <table> 标签进行文档布局不是表格的正确用法。<tab