**html中有三種標籤元素型別，分別是塊元素、行內元素和行內塊元素。
**1.行內元素：
不會自動換行，多個行內元素可在同一行，不能設定寬（width）高（height）屬性，多個行內標籤預設從左至右排列。最典型行內標籤< span >，其高寬由標籤內容撐開。
2.塊元素：
自動換行，每個塊元素獨佔一行，可以設定寬高屬性，多個塊標籤預設從上至下排列。最典型塊標籤< div >，多用於頁面布局。
3.行內塊元素：
同時具有行內元素和塊元素的特徵，不能自動換行，但可以設定寬高屬性，預設排列方式從左至右。如標籤< img >。
常見行內元素：< span >、< a >、< strong >、< b> 、< em >、< i >、< del >、< u >
常見塊元素：< div >、< h1 >…< h6 >、< p >、< table >、< form >、< ul >、< ol >、< dl >、< tr >、< body >
常見行內塊元素：< img />、< input />、< td>
三種型別元素可通過display屬性轉換：
（1）display : block ; 轉換為塊元素
（2）display : inline ; 轉換為行內元素
（3）display : inline-block ; 轉換為行內塊元素
標籤的巢狀規範
（1）行內標籤只能巢狀行內標籤
（2）塊標籤可巢狀塊標籤、行內標籤、行內塊標籤
（3）行內塊標籤可巢狀行內標籤和行內塊標籤
注意：有一些塊標籤不能巢狀塊標籤，如< hn >, < caption >,< p >,< hr >,< dt >
在瀏覽器中，如果< p >標籤內巢狀了< div >標籤，會自動給< p >標籤加上結束標籤，< div >會產生乙個新的行，如下**
會變成
塊元素 行內元素 行內塊元素
塊級元素 一行只能放乙個，可以設定寬度高度，預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素，不可以直接設定寬度高度，預設為本身內容的寬度，容納文字或其他行內元素 常用元素 span a i em ...
塊級元素，行內元素，行內塊元素
內聯元素 行內元素 內聯元素 inline element 行內塊元素 a 錨點 abbr 縮寫 acronym 首字 b 粗體 不推薦 bdo bidi override big 大字型 br 換行 cite 引用 code 計算機 在引用原始碼的時候需要 dfn 定義字段 em 強調 font ...
塊級元素，行內元素，行內塊元素
獨佔一行，對寬高的屬性值生效 如果不給寬度，預設為瀏覽器的寬度即100 塊標籤 p div ul ol li dl dt dd h1 h6 form 可以多個標籤存在一行，對寬高的屬性值不生效，靠內容撐開 行內標籤 a span em strong b i u label br 結合行內和塊級元素的...