css的標籤分類：
1.塊狀元素：特點：在頁面以矩形區域顯示，之上而下排行，獨佔一行。
可以直接新增寬高，可以作為其他元素的內容的容器。
（div ul li p h1-h6 dl form）
2.內聯元素（內聯塊元素）： 特點：在頁面中有內容來撐開，一行內逐個排列，
不可以直接新增寬高，個別屬性會出現問題（padding-top,bottom）（margin-top，bottom）
(a b i em strong img span label sub sup)
3.可變元素：內聯塊元素（input.）
元素的型別轉換：
display屬性，作用：檢索或設定元素的轉換生產的盒模型型別。
display:block:將元素轉為塊元素。
display:inline:將元素轉為內聯元素
display:inline-block，內聯塊
display：none，將當前元素隱藏，不佔空間。
inline-block ( 行內塊元素 )
設定乙個元素在乙個容器中垂直居中，必須更改預設的display屬性值為inline-block;並加上同級元,
樣式設定為vertical-align:middle;width:0;height:100%;display:inline-block;）
三個條件：
1：必須給容器（父元素）加上text-align:center;
2:必須給當前元素轉成行內塊元素（display:inline-block;）再給當前元素加上vertical-align:middle;
3：在當前元素的後面（沒有回車）加上同級元素span;並對span進行:
vertical- align:middle;width:0;height:100%;display:inline-block
置換元素與非置換元素
置換元素：瀏覽器根據元素的標籤和屬性，來決定元素的具體顯示內容。
置換元素在其顯示中生成了框，這也就是有的內聯元素（img,input）能夠設定寬高的原因
不可替換元素（非置換元素）：html 的大多數元素是不可替換元素，即其內容直接表現給使用者端（如瀏覽器）。
CSS元素型別
html元素可以分為兩種 塊級元素 block level element 內聯元素 inline element 也叫行元素 兩者的區別在於以下三點 1 塊級元素會獨佔一行 即無法與其他元素顯示在同一行內，除非你顯式修改元素的display屬性 而內聯元素則會在一行內顯示。2 塊級元素可以設定wi...
CSS元素型別
前面有一篇文章講到在css世界中，html元素的表現都是乙個個盒子，而css中盒子的顯示方式有三種方式，分別是塊元素 行內元素和行內塊元素。本文總結這三種顯示方式的特徵和區別。最近在整理cnblogs上頁面的樣式，預設右側 隨筆分類 中的標籤是每行顯示乙個，而我想把右側 隨筆分類 中的標籤設定為一行...
css元素型別
css元素型別分為 塊狀元素，內聯元素，內聯塊狀元素 塊狀元素 1 在頁面中以矩形區域顯示 2 自上而下排列，獨佔一行 3 可以直接新增寬高，可做為其他元素或者內容的容器 常用的塊狀元素有 fieldset 表單字段集 colgroup col 表單列分組元素 table tr td 內聯元素 1 ...