boxmodel盒模型：
html元素都可以看成乙個盒子，封裝周圍的html元素，它包括：邊距，邊框，填充，和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。
標準模式和混雜模式：
當瀏覽器廠商開始建立與標準相容的瀏覽器時，他們希望確保向後相容性。為了實現這一點，他們建立了兩種呈現模式：標準模式和混雜模式。在標準模式下瀏覽器按照規範呈現頁面；在混雜模式下，頁面以一種比較寬鬆的向後相容的方式顯示。混雜模式通常模擬老式瀏覽器的行為以防止老站點無法工作。
怎樣區分標準模式和混雜模式：
瀏覽器根據doctype（文件宣告）是否存在以及使用那種dtd來選擇要使用的呈現方式。如果xhtml和html文件保航形式完整的doctype，那麼它一般以標準模式呈現。相反，如果文件的doctype不存在或者形式不正確則導致html和xhtml以混雜模式呈現。
標準模式的boxmodel：
標準模式下盒子的實際寬度為：
width + padding-left + padding-right + border-left-width + border-right-width
實際高度為：
heigth + padding-top +padding-bottom + border-top-width + border-bottom-width
混合模式的boxmodel：
混雜模式下盒子的實際寬度為：css中設定的width值，高度為設定的height值。當然在沒有設定overflow的情況下，若盒子內容、內邊距、或是邊框的值較大，會把盒子撐開，實際寬度和高度則大於設定值。
塊級元素和行內元素：
我們在做頁面布局的時候,一般會將html元素分為兩種，即塊級元素和行內元素。
塊級元素：
- 總是在新行上開始，塊狀元素排斥其他元素與其位於同一行。
- 可以設定元素的寬（width）和高（height）；高度，行高以及外邊距和內邊距都可控制；
- 塊級元素一般是其他元素的容器，可容納塊級元素和行內元素。
- 寬頻始終是與瀏覽器寬度一樣，與內容無關；
行內元素：
- 行內元素不可以設定寬（width）和高（height），行內元素的高度一般由元素內部的字型大小決定，寬度由內容的長度控制。
- 可以與其他行內元素位於同一行，行內元素內一般不可以包含塊級元素。
- 高，行高及外邊距和內邊距部分可改變；
當然我們還可以通過樣式display屬性來改變元素的顯示方式。當display的值設為block時，元素將以塊級方式呈現；當display值設為inline時，元素將以行內形式呈現。所以我們可以給img標籤應用以下樣式：
img
h2
input* blockquote - 塊引用
* center - 舉中對齊塊
* dir - 目錄列表
* div - 常用塊級容易，也是css layout的主要標籤
* dl - 定義列表
* fieldset - form控制組
* form - 互動表單
* h1 - 大標題
* h2 - 副標題
* h3 - 3級標題
* h4 - 4級標題
* h5 - 5級標題
* h6 - 6級標題
* hr - 水平分隔線
* isindex - input prompt
* menu - 選單列表
* noframes - frames可選內容，（對於不支援frame的瀏覽器顯示此區塊內容
* noscript - ）可選指令碼內容（對於不支援script的瀏覽器顯示此內容）
* ol - 排序表單
* p - 段落
* pre - 格式化文字
* table - **
* ul - 非排序列表
可變元素
可變元素為根據上下文語境決定該元素為塊元素或者內聯元素。
button - 按鈕
del - 刪除文字
iframe - inline frame
ins - 插入的文字
map - 區塊(map)
object - object物件
script - 客戶端指令碼
行內元素 塊級元素和行內塊級元素
而標籤的屬性是可以轉換的 display inline 轉換為行內元素 display linline block 轉換為行內塊元素 display block 轉換為塊級元素。行內元素 無法設定寬高 margin和padding上下無效，只有左右有效果 總是和相鄰的行內元素在同一行上，預設排列方式...
行內元素 塊級元素和行內塊元素
a 標籤定義鏈結 b 字型加粗 br 換行 i 斜體文字效果 img 在網頁中嵌入 input 輸入框 span 組合文件中的行內元素 small 呈現小號字型效果 big 呈現大號字型效果 sub 定義下標文字 sup 定義上標文字 div 定義文件中的分割槽或節 dl 定義列表 dt 定義列表中...
塊級元素 行內元素和行內塊元素
每個塊元素通常都會獨自佔據一整行或多整行，可以對其設定寬度 高度 對齊等屬性，常用於網頁布局和網頁結構的搭建。行內元素的特點 1 和相鄰行內元素在一行上。2 高 寬無效，但水平方向的padding和margin可以設定，垂直方向的無效。3 預設寬度就是它本身內容的寬度。4 行內元素只能容納文字或則其...