1瀑志、元素類型
根據(jù)css顯示分類，XHTML元素被分為三種類型：
- 塊狀元素
- 內(nèi)聯(lián)元素
- 可變元素
塊狀元素（block element）
1）塊狀元素在網(wǎng)頁中就是以塊的形式顯示祈纯，所謂塊狀就是元素顯示為矩形區(qū)域妙痹，常用的塊狀元素包括：div拙寡、dl、dt鳞上、dd这吻、ol、ul篙议、fieldset唾糯、（h1-h6）、p鬼贱、form移怯、hr、iframe这难、colgroup舟误、col、table姻乓、tr嵌溢、td等眯牧；
2）默認(rèn)情況下，塊狀元素都會占據(jù)一行赖草，通俗地說学少，兩個相鄰塊狀元素不會出現(xiàn)并列顯示的現(xiàn)象；默認(rèn)情況下秧骑，塊狀元素會按順序自上而下排列版确；
3）塊狀元素都可以定義自己的寬度和高度；
4）塊狀元素一般都作為其他元素的容器腿堤，它可以容納其他內(nèi)聯(lián)元素和其他塊狀元素阀坏。我們可以把這種容器比喻為一個盒子如暖。
注意：
塊元素在默認(rèn)情況下笆檀，寬度為瀏覽器的寬度，高度為子元素高度盒至，如果子元素沒有高度則不顯示
內(nèi)聯(lián)元素（inline element）（或是行內(nèi)元素）
1）常見的內(nèi)聯(lián)元素如：a酗洒、span、i枷遂、em樱衷、strong、b等酒唉；
2）內(nèi)聯(lián)元素的表現(xiàn)形式是始終以行內(nèi)逐個進(jìn)行顯示矩桂；
3）內(nèi)聯(lián)元素沒有自己的形狀，不能定義它的寬和高痪伦，它顯示的寬度侄榴、高度只能根據(jù)所包含內(nèi)容的寬度和高度來確定，它的最小內(nèi)容單元也會呈現(xiàn)矩形形狀网沾；
4）內(nèi)聯(lián)元素也會遵循盒模型基本規(guī)則癞蚕，如可以定義padding、border辉哥、margin桦山、background等屬性，但個別屬性不能正確顯示醋旦；
可變元素
需要根據(jù)上下文關(guān)系確定該元素是塊元素或者內(nèi)聯(lián)元素恒水。
applet-java applet
button-按鈕
del-刪除文本
iframe-inline frame
ins-插入的文本
map-圖片區(qū)塊（map）
object-object對象
script-客戶端腳本
2、元素類型的轉(zhuǎn)換
display屬性：用于定義建立布局時元素生成的顯示框類型
屬性值：none | inline | inline-block | list-item | run-in | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-colume-group | table-column | table-cell | table-caption | inherit
block
說明：
類似在元素后面添加換行符饲齐，也就是說其他元素不能再其后面并列顯示钉凌。
特征：
不設(shè)置寬度時，寬度撐滿一行
獨占一行
支持寬高
當(dāng)元素設(shè)置了float屬性后箩张，就相當(dāng)于給該元素加了display：block甩骏；屬性
inline
說明：
在元素后面刪除換行符窗市，多個元素可以在一行內(nèi)并列顯示。
特征：
內(nèi)容撐開寬度
非獨占一行
不支持寬高
代碼換行被解析成空格
inline-block
說明：
元素的內(nèi)容以塊狀顯示饮笛，行內(nèi)的其他元素顯示在同一行咨察。
特征：
不設(shè)置寬度時，內(nèi)容撐開寬度
非獨占一行
支持寬度
代碼換行被解析成空格
none
說明：
此元素不會被顯示
特征：
隱藏元素并脫離文檔流
list-item
說明：
將元素轉(zhuǎn)換成列表福青。li的默認(rèn)類型摄狱。
特征：
不設(shè)置寬度時，寬度撐滿一行
獨占一行
支持寬高
小結(jié)：
- 大部分塊元素display屬性值默認(rèn)為block无午，其中列表的默認(rèn)值為list-item媒役。
- 大部分內(nèi)聯(lián)元素的display屬性值默認(rèn)為inline，其中img宪迟，input默認(rèn)為inline-block酣衷。
- 塊狀元素
div-最常用的塊級元素
dl-和dt-dd搭配使用的塊級元素
form-交互表單
h1-h6-大標(biāo)題
hr-水平分隔線
ol-排序列表
p-段落
ul-非排序列表
fieldset-表單字段集
colgroup-col-表單列分組元素
table-tr-td-表格及行-單元格 - 內(nèi)聯(lián)元素
a- 錨點
b-粗體（不推薦）
br-換行
i- 斜體
em- 強(qiáng)調(diào)
font- 字體設(shè)定（不推薦）
img- 圖片
input- 輸入框
label- 表格標(biāo)簽
span- 常用內(nèi)聯(lián)容器，定義文本內(nèi)區(qū)塊
strong- 粗體情調(diào)
sub- 下標(biāo)
sup- 上標(biāo)
textarea- 多行文本輸入框
u- 下劃線
