html 元素指的是從開始標籤到結束標籤的所有**。
元素的分類方式分為行內元素、塊狀元素和行內塊狀元素三種，這三者可以通過設定display屬性值實現相互轉化。
(1)display:inline;轉換為行內元素
(2)display:block;轉換為塊狀元素
(3)display:inline-block;轉換為行內塊狀元素
1.內聯元素（html規範中的概念）英文：inline element，其中文叫法有多種，如：內聯元素、內嵌元素、行內元素、直進式元素等。
2.內聯元素的顯示:都在同一行按從左至右的順序顯示，不單獨佔一行。
3.常見的內聯元素以span標籤為主，其他的還有：b，i，u，sub，sup標籤等。
1.特性：
1.內容在同一行顯示，不會自動進行換行。
2.設定寬高（width，height），設定行高無效（line-height）無效。
3.padding四個方位設定均有效，會增加空間。margin上下設定無效，左右設定有效。
2.**測試：
初始狀態的設定與頁面呈現：
`span
第乙個行內元素
第二個行內元素
第三個行內元素
第四個行內元素
塊元素又名塊級元素(block element)。塊元素指的是佔據全部可用寬度的元素。塊元素和內聯元素的基本差異是塊元素一般都從新行開始，相鄰的塊級元素將會在不同行顯示。
1.特性
1.多個塊狀元素標籤寫在一起，預設排列方式為從上至下
2.可以自動換行
3.寬高，行高設定均有效。
4.padding和margin四個方位的設定也都有效。
2.**測試
初始狀態：
#div1
#div2
#div3
第乙個塊級元素
第二個塊級元素
第三個塊級元素
現在給div3加入行高，邊距的設定。
觀察div2和div3。
通過對比可以發現新增的padding，margin，line-height設定都有效。
行內塊狀元素綜合了行內元素和塊狀元素的特性，但是各有取捨。因此行內塊狀元素在日常的使用中，由於其特性，使用的次數也比較多。
特徵：1.不自動換行
2.能夠識別寬高
3.預設排列方式為從左到右
**測試（三種元素的轉化 和行內塊狀特徵的驗證）：
在塊狀**測試的基礎上 進行更改
初始：
分別設定display樣式：
行內元素 塊狀元素 行內塊狀元素
頁面元素主要分為三類 塊元素 行內元素，行內塊元素。三者可以通過display進行相互轉換 display block 塊元素 display inline 行內元素 display inline block 行內塊元素 1 塊元素 塊狀元素代表性的就是div，其他如p h1 h6 ul ol dl...
HTML塊狀元素 行內元素 行內塊狀元素學習筆記
特點常用元素 display轉換 塊狀元素 1 每個元素佔單獨一行 2 可識別寬高 3 margin 上下左右有效 4 padding 上下左右有效 div p section ul li header footer block 行內元素 1 每個元素預設從左到右排列，不單獨占行 2 對寬高屬性無效...
塊元素 行內元素 行內塊元素
塊級元素 一行只能放乙個，可以設定寬度高度，預設為容器的100 可以包含任何標籤 常用元素 div hr p h1 h6 ul ol dl form table 行內元素 一行可以放多個行內元素，不可以直接設定寬度高度，預設為本身內容的寬度，容納文字或其他行內元素 常用元素 span a i em ...