在css中，有乙個屬性為「display」它可以將內聯元素，塊元素，行內塊元素互相轉化：
display：block；轉化為塊元素，（以便於設定寬高）；
display：inline-block；;轉化為行內塊狀元素；
display:inline;轉化為行內元素
1、行內元素(又稱為內聯元素)的代表元素：span;
特點：一般都是基於語義級(semantic)的基本元素，只能容納文字或者其它內聯元素。
1、1：不能設定寬高，即使設定寬高也不能對元素起作用；
1、2 ： 對 margin的設定，，只對左右有效，上下無效，即（margin-left、margin-right）有效，（margin-top、margin-bottom不會起作用）；
1、3：對padding的設定，上下左右都有效，即設定padding-top、padding-right、padding-bottom、padding-left都有效；
1、4：行內元素的大小是有內容撐開的，盒模型中 padding, border 與塊級元素並無差異，都是標準的盒模型，但是 margin 卻只有水平方向的值，垂直方向並沒有起作用。行內元素的水平方向的padding-left,padding-right,margin- left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。padding設定上下左右都有效，即會撐大空間但是不會產生邊距效果。
2、塊元素的代表元素：div(常用塊級容器，也是css layout的主要標籤)
塊元素的特點：
2、1：總是在新行上開始；
2、2：高度，行高以及外邊距和內邊距都可控制；
2、3：寬度預設是它的容器的100%，除非設定乙個寬度；
2、4：它可以容納內聯元素和其他塊元素
注意：塊級元素按照其應用於結構還是內容分為三種：結構化塊狀元素，終端塊狀元素，多目標塊狀元素。
（1）、結構化塊狀元素： 這類元素用於構造文件的結構，沒有語義上的含義，僅僅劃分出了文件的組織方式，並沒有體現文件的內容。
（2）、終端塊狀元素： 這類元素用於從結構轉向內容，擁有語義上的含義，能夠表明內容的性質。終端塊狀元素屬於結構的終點，它們不能再包含其他塊級元素，只能包含文字或行級元素。
（3）、多目標塊狀元素： 多目標指的是可以自由的擴充套件或巢狀文件的結構，以可以終端的形式出現。當多目標塊狀元素以結構化的方式使用時就含有結構化的內涵，以終端的形式使用就含有語義的內涵。
3、行內塊元素：
3、1不自動換行；
3、2能夠識別寬高；
3、3預設排列方式為從左到右；
行內、塊狀元素區別：
塊級元素會獨佔一行，其寬度自動填滿其父元素寬度,行內元素不會獨佔一行，相鄰的行內元素會排列在同一行裡，知道一行排不下，才會換行，其寬度隨元素的內容而變化。
一般情況下，塊級元素可以設定 width, height屬性，行內元素設定width, height無效(注意：塊級元素即使設定了寬度，仍然是獨佔一行的)塊級元素可以設定margin 和 padding. 行內元素的水平方向的padding-left,padding-right,margin-left,margin-right 都產生邊距效果，但是豎直方向的padding-top,padding-bottom,margin-top,margin-bottom都不會產生邊距效果。（水平方向有效，豎直方向無效）
常見的內聯（行內）元素：行內大多為描述性標記
... 鏈結
換行...加粗
...加粗
... 上標
... 下標
... 斜體
... 斜體
... 刪除線
... 下劃線
... 文字框
多行文字
... 下拉列表
...常見的塊元素：塊級大多為結構性標記
...... 位址文字
標題一級
標題二級
標題**
... 標題四級
... 標題五級
... 標題六級
水平分割線
段落
...預格式化
...段落縮排 前後5個字元
... 滾動文字
無序列表
... 有序列表
... 定義列表
... **
表單
塊元素 行內元素 行內塊元素
塊級元素 一行只能放乙個，可以設定寬度高度，預設為容器的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 結合行內和塊級元素的...