1.CSS3邊框:
(1).border-radius:創建圓角邊框
(2).box-shadow:添加陰影
(3).border-image:用圖片作爲邊框
2.CSS3圓角::
(1).這只是一個圓角邊框如果定義background屬性那麼會有背景顏色
(2).這裏是用圖片來做背景顏色的代碼
(3).邊框的每個圓角
四個值:左上 右上 右下 左下
三個值:左上 右上和左下 右下
兩個值:左上和右下 右上和左下
一個值:四個角相同
border-top-left-radious
border-top-right-radious
border-bottom-left-radious
border-bottom-right-radious
3.CSS3漸變
CSS3線性漸變(Linear Gradients)
（1).從上到下漸變
（2).從左到右漸變
（3).從左上角到右下角的漸變
（4).使用角度的漸變
0deg定義從左到右的漸變
90deg定義了從下到上的漸變
（5).多個顏色節點的漸變
（6).使用透明度的漸變
rgba最後一個參數是0-1的值，0表示完全透明1表示完全不透明
（7).重複性的線性漸變
CSS3徑向漸變(radial-gradient)
（1).
shape size at posion:
closest-side at % %
farthest-side at % %
closest-corner at % %
farthest-corner at % %
shpe:elipse(默認橢圓)circle(圓形）等等
4.CSS3文本效果
text-shadow:文本陰影
box-shadow:盒子陰影
text-overflow:如何處理溢出內容
clip：溢出的內容…
ellipsis:直接忽略溢出的部分
word-wrap:長文本換行
break-word
word-break:單詞拆分
keep-all:保留單詞的完整性
break-all:不暴力單詞的完整性 一行滿了就直接換行
5.CSS3 2D轉換
（1).translate(x,y):沿着x y軸移動元素
translate(x):沿着x軸移動元素
translate(y):沿着y軸移動元素
（2).rotate(angle):旋轉一定的角度
（3).scale(x,y):縮放旋轉改變寬度和高度
（4).skew(x,y):沿着x,y軸傾斜轉換
（5)matrix(******):六個參數包括旋轉縮放平移傾斜
6.CSS3過渡
7CSS5動畫
8.CSS3多列
（1).column-count:文本分爲幾列
（2).column-gap:定義列與列之間的間隙
（3).column-rule-style:指定了列與列間的邊框樣式
（4).column-rule-width:指定了兩列邊框厚度
（5).column-rule-color:指定兩列邊框顏色
（6).column-rule:所有屬性的編寫
（7).column-span:定義了元素跨越多少列
（8).column-width:定義了每列的寬度
9.CSS3用戶界面
（1).resize:指定元素是否由用戶調整大小
none:無法調整大小
both:可以調整大小
horizontal:可調整元素的寬度
vertical:可調整元素的高度
（2).box-sizing 屬性允許您以確切的方式定義適應某個區域的具體內容。
（3).outline-offset屬性對輪廓進行偏移，並在超出邊框邊緣的位置繪製輪廓。
10.CSS3邊框
CSS3 box-sizing 屬性在一個元素的 width 和 height 中包含 padding(內邊距) 和 border(邊框)。
如果在元素上設置了 box-sizing: border-box; 則 padding(內邊距) 和 border(邊框) 也包含在 width 和 height 中:
11.CSS3彈性盒子
12.CSS3多媒體查詢
