塊元素和行內元素，這個概念極其重要，這同時也是CSS的基礎知識之一。大家不要覺得不重要就跳過。
大家在之前的學習可能發現，在浏覽器的顯示效果中，有些元素（即標簽）它是獨占一行的，別的元素不能跟這個元素位於同一行，如<h1>~<h6>、<p>、<div>等；而有些元素它是可以跟其他元素位於同一行，如<strong>、<em>、<u>等。
：標簽又叫“元素”，例如<p>標簽又叫<p>元素，叫法不同，意思相同。這一節使用“元素”來稱呼，也是讓大家對這兩種叫法有個熟悉。在這裡，所謂的“獨占一行”並不是在代碼中獨占一行，而是在浏覽器顯示效果中獨占一行。
HTML元素根據表現形式，可以分為2類：
任何HTML元素都屬於這兩類中的其中一類。
塊元素在浏覽器默認顯示狀態下將占據整行，排斥其他元素與其位於同一行。塊元素一般為矩形，可以容納行元素和其他的塊元素。
這裡只是列出HTML入門階段常見的塊元素。
塊元素的特點是：
舉例：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
</head>
<body>
<div>
<h3> 學習網</h3>
<p>讓這裡的一切成為襯托你成功的 </p>
<strong> 學習網</strong><em>讓這裡的一切成為襯托你成功的 </em>
</div>
</body>
</html>
在浏覽器預覽效果如下：
我們為每一個元素加入虛線框來分析他們的結構：
大家很容易看到：
（1）<h3>和<p>是塊元素，它們都是獨占一行的，並且排斥任何元素（包括塊元素和行內元素）跟它們位於同一行；而<strong>和<em>是行內元素，兩個行內元素是可以位於同一行的；
（2）<h3>、<p>、<strong>和<em>這幾個元素是位於<div>元素內部的，也就是塊元素內部可以容納其他塊元素或行元素。
行內元素與塊元素恰恰相反。行內元素默認顯示狀態可以與其他行內元素共存在同一行。
我們在學習完“CSS入門教程”之後再回來看一下常見塊元素和常見行內元素，我們會對HTML標簽有更深的了解和印象。
行內元素的特點是：
實際例子看塊元素中的例子。
這一節注重理解一個思想，而不是叫我們去記憶塊元素有哪些，行內元素有哪些。到後續課程我們會給大家總結所有的塊元素和行內元素。
總結1、HTML元素根據浏覽器表現形式分為兩類：①塊元素；②行內元素；
2、塊元素特點：
3、行內元素特點：