一、從概念的角度來(lái)看塊級(jí)元素和行級(jí)元素咱們可以理解為:
? ? 塊級(jí)元素一般都是新起一行,可以容納行內(nèi)元素和其他塊級(jí)元素;
? ? 行內(nèi)元素一般都是語(yǔ)義級(jí)別的基本元素,一般只能容納文本或者其他行內(nèi)元素。

二、塊級(jí)元素和行內(nèi)元素的區(qū)別
? ? 1、塊級(jí)元素會(huì)獨(dú)占一行,其寬度自動(dòng)填滿(mǎn)其父元素寬度;行內(nèi)元素會(huì)排列到同一行里,其寬度隨元素的內(nèi)容變化而變化。
? ? 2、塊級(jí)元素可以設(shè)置寬高;行內(nèi)元素設(shè)置寬高無(wú)效。
? ? 3、塊級(jí)元素可以設(shè)置margin,padding屬性;行內(nèi)元素的水平方向的padding會(huì)有邊距效果,但是豎直方向的padding沒(méi)有效果。

常用塊級(jí)元素列表:
<div>? ? 定義文檔中的分區(qū)或節(jié)
<h1>、<h2>、<h3>、<h4>、<h5>、<h6>? ? 定義標(biāo)題,數(shù)字越小字體越大越粗
<p>? ? 段落標(biāo)簽
<ul>? ? 定義無(wú)序列表
<ol>? ? 定義有序列表
<li>? ? 定義列表項(xiàng)目
<dl>? ? 定義列表
<dt>? ? 定義列表中的項(xiàng)目
<dd>? ? 定義列表中的條目
<hr>? ? 創(chuàng)建一條水平線

常用行級(jí)元素列表:
<span>? ? 組合文檔中的行內(nèi)元素
<i>? ? 傾斜文本
<em>? ? 定義為強(qiáng)調(diào)的內(nèi)容
<b>? ? 字體加粗
<strong>? ? 語(yǔ)氣更強(qiáng)的強(qiáng)調(diào)內(nèi)容
<a>? ? 標(biāo)簽可定義錨
<img>? ? 嵌入圖片
<input>? ? 輸入框
<select>? ? 創(chuàng)建單選或多選菜單
<textarea>? ? 多行文本輸入框
<button>? ? 按鈕標(biāo)簽
<sub>? ? 下標(biāo)文本
<sup>? ? 上標(biāo)文本
