1，背景色漸變background
注意：漸變是css3中的東西，請考慮加上相容處理。
漸變的型別：線形漸變linear-gradient(); / 徑向漸變 radial-gradient();
漸變的條件：給上兩種以上的顏色。
2，關於html和body大小與背景設定
一般情況下盒子有多大，給其設定的背景顏色等就有多大，但是對於html和body例外。它們兩個在預設情況下是沒有高度的，其高度會跟隨內容的填充而增加，寬度預設是100%。
3，Vertical-align的使用
A,作用：
①　控制單元格內容的垂直對齊方式。
②　控制多個行內（塊）元素在一行上的垂直對齊方式
③　控制行內（塊）元素相對其父元素垂直對齊方式
注意： vertical-align 只對行內與行內塊元素、表格單元格元素生效：不能用它垂直對齊塊級元素
B,使用：
a.表格單元格的值：top / middle / buttom
b.相對行的值：top / buttom
注意：
（一）一行的高度由該行最高元素的高度決定的，而不管其父元素有多高，除非我們顯式的設定了行高==父元素的高度。
（二）然後行高會存在繼承關係，如果我們設定了父元素的行高，那麼子元素會自動的繼承在父元素上設定的行高，這在很多時候都不是我們想要的，所以我們需要在子元素裡面重新定義行高。
c.相對父元素的值：baseline（預設值）/ middle / text-top / text-buttom / sub /super / length / % 等。
C，基線的概念：
在各種內聯相關模型中，凡是涉及到垂直方向的排版或者對齊的，都離不開最最基本的基線(baseline)。其他中線頂線一類的定義也離不開基線。
①　作為父元素的塊級元素基線
塊級元素如果只有一行的內容,那麼就以字母x的底部作為基線。
當有多行內容時，每行都有一個基線，兩個相鄰基線間的距離就是行高
②　作為子元素的一個空的行內（塊）元素基線
以下margin的底部作為基線
③　作為子元素的一個非空的行內（塊）元素基線
以含有元素的基線作為基線
注意： 一個行內塊裡面可能含有多個子元素，不同子元素的基線可能不一樣，但是最終他們的基線會排在同一行上，這一行也會作為外層行內塊元素的基線。
④　作為子元素非空的一個行內（塊）元素基線【但是它設定了overflow的值不等於visible，如設定為hidden】
對於button等設定overflow無法修改他的基線
以下margin的底部作為基線文字基線
⑤　本元素基線（以x的底部作為基線/以字母x的底部作為基線