一、CSS格式化排版
文字排版：
body{font-family:"Microsoft Yahei";（字體）
font-size:12px;color:#666；
font-weight:bold;（粗體）
font-style:italic;（斜體）
text-decoration:underline;（下劃線）
text-decoration:line-through;（刪除線）
text-indent:2em;（段落前空兩個文字空格）
line-height:1.5em;（行間距倍數）
letter-spacing:50px;（字母間距）
word-spacing:50px;（單詞間距）
text-align:center;（塊狀元素位置）}
二、CSS盒模型
1. 元素分類：
常用的塊狀元素有：<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的內聯元素有：<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的內聯 塊狀元素有：<img>、<input>
2. 塊級元素特點：
每個塊級元素都從新的一行開始，並且其後的元素也另起一行。（真霸道，一個塊級元素獨佔一行）
元素的高度、寬度、行高以及頂和底邊距都可設置。
元素寬度在不設置的情況下，是它本身父容器的100%（和父元素的寬度一致），除非設定一個寬度。
常見塊級元素：<div>、 <p>、<h1>、<form>、<ul> 和 <li>
例如：將<span>設置成塊級元素：span{
display: block;
}
3. 內聯元素特點：
和其他元素都在一行上；
元素的高度、寬度及頂部和底部邊距不可設置；
元素的寬度就是它包含的文字或圖片的寬度，不可改變。
常見內聯元素：<span>、<a>、<label>、 <strong> 和<em>
例如：將<div>設置成內聯元素：div{
display:inline;
}
4. 添加邊框：div{border:2px solid red;} 或者 div{ border-width:2px;border-style:solid; border-color:red;}
div{border-bottom:1px dotted #ccc;} //設置下邊框
border-style（邊框樣式）常見樣式有：
dashed（虛線）| dotted（點線）| solid（實線）。
border-color（邊框顏色）中的顏色可設置爲十六進制顏色，如:
border-color:#888;//前面的井號不要忘掉。
border-width（邊框寬度）中的寬度也可以設置爲：
thin | medium | thick（但不是很常用），最常還是用象素（px）。
5. 內邊距： margin
外邊距： padding
三、CSS佈局模型：
1、 流動模型（Flow）:1.塊狀元素都會在所處的包含元素內自上而下按順序垂直延伸分佈，因爲在默認狀態下，塊狀元素的寬度都爲100%。實際上，塊狀元素都會以行的形式佔據位置。如右側代碼編輯器中三個塊狀元素標籤(div，h1，p)寬度顯示爲100%。
2.在流動模型下，內聯元素都會在所處的包含元素內從左到右水平分佈顯示。（內聯元素可不像塊狀元素這麼霸道獨佔一行）。如：a、span、em、strong標籤
2、 浮動模型 (Float)：
div{
width:200px;
height:200px;
border:2px red solid;
float:left;//浮動模型
}
3、 層模型（Layer）：
絕對定位(position: absolute)
相對定位(position: relative)
固定定位(position: fixed)
四、CSS代碼縮寫：
1. margin:10px 15px 12px 14px;2. p{color: #000;} 替換 p{color:#000000;}
五、單位和值:
1. px：像素
2. em：就是本元素給定字體的 font-size 值，如果元素的 font-size 爲 14px ，那麼 1em = 14px
3. % ： p{font-size:12px;line-height:130%} 設置行高（行間距）爲字體的130%（12 * 1.3 = 15.6px）
