頁面元素主要分為三類：
塊元素、行內元素，行內塊元素。
三者可以通過display進行相互轉換：
display：block（塊元素）、display：inline（行內元素）、display：inline-block（行內塊元素）。
1：塊元素
塊狀元素代表性的就是div，其他如p、h1~h6、ul、ol、dl、li、dd、table、hr、blockquote、address、table、menu、pre，html5新增的header、section、aside、footer等，都可以用div來實現。不過為了可以方便程式設計師解讀**，一般都會使用特定的語義化標籤，使得**可讀性強，且便於查錯。
塊狀元素特徵：(1)能夠識別寬高
(2)margin和padding的上下左右均對其有效
(3)可以自動換行
(4)多個塊狀元素標籤寫在一起，預設排列方式為從上至下
2：行內元素
行內元素最常使用的就是span，其他如img、a、lable、input、abbr（縮寫）、em（強調）、big、cite（引用）、i（斜體）、q（短引用）、textarea、select、small、sub、sup，strong、u（下劃線）、button（預設display：inline-block），修飾字型和標籤，還有和這兩個標籤可以直接做出平方的效果，而不需要類似移動屬性的幫助，很實用。
行內元素特徵：(1)設定寬高無效
(2)對margin僅設定左右方向有效，上下無效；padding設定上下左右都有效，即會撐大空間
(3)不會自動進行換行
3：行內塊元素
行內塊狀元素綜合了行內元素和塊狀元素的特性，但是各有取捨。因此行內塊狀元素在日常的使用中，由於其特性，使用的次數也比較多。
行內塊狀元素特徵：(1)不自動換行
(2)能夠識別寬高
(3)預設排列方式為從左到右
HTML塊狀元素 行內元素 行內塊狀元素學習筆記
特點常用元素 display轉換 塊狀元素 1 每個元素佔單獨一行 2 可識別寬高 3 margin 上下左右有效 4 padding 上下左右有效 div p section ul li header footer block 行內元素 1 每個元素預設從左到右排列，不單獨占行 2 對寬高屬性無效...
內聯元素（行內元素），塊狀元素，行內塊狀元素的區別
html 元素指的是從開始標籤到結束標籤的所有 元素的分類方式分為行內元素 塊狀元素和行內塊狀元素三種，這三者可以通過設定display屬性值實現相互轉化。1 display inline 轉換為行內元素 2 display block 轉換為塊狀元素 3 display inline block ...
HTML行內元素 塊狀元素 行內塊狀元素的區別
html元素可以分成行內元素 塊狀元素和行內塊元素。1 display inline 轉換為行內元素 2 display block 轉換為塊狀元素 3 display inline block 轉換為行內塊狀元素 行內元素的特徵 1 設定寬高無效 2 對margin僅設定左右方向有效，上下無效 p...