CSS3知識點復習整理

　　一、css3模塊

　　1.選擇器 2.框模型 3.背景和邊框 4.文本效果 5.(2D、3D)轉換 6.動畫 7.多列布局 8.用戶界面

　　二、css3邊框

　　1.border-radius

　　2.box-shadow

　　3.border-image

　　三、css3背景

　　1.background-size

　　2.background-origin

　　3.background-clip

　　四、文本效果

　　1.text-shadow

　　2.word-wrap

　　五、css3字體

　　@font-face網絡字體，可自行更改。

　　六、2D轉換

　　1.translate:通過 translate() 方法，元素從其當前位置移動，根據給定的 left(x 坐標) 和 top(y 坐標) 位置參數

　　2.rotate:通過 rotate() 方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。

　　3.scale:通過 scale() 方法，元素的尺寸會增加或減少，根據給定的寬度(X 軸)和高度(Y 軸)參數

　　4.skew:通過 skew() 方法，元素翻轉給定的角度，根據給定的水平線(X 軸)和垂直線(Y 軸)參數

　　5.matrix:matrix() 方法把所有 2D 轉換方法組合在一起。matrix() 方法需要六個參數，包含數學函數，允許您：旋轉、縮放、移動以及傾斜元素。

　　七、3D轉換

　　1.rotateX()：通過 rotateX() 方法，元素圍繞其 X 軸以給定的度數進行旋轉。

　　2.rotateY()：通過 rotateY() 方法，元素圍繞其 Y 軸以給定的度數進行旋轉。

　　八、CSS3過渡

　　通過 CSS3，我們可以在不使用 Flash 動畫或 JavaScript 的情況下，當元素從一種樣式變換為另一種樣式時為元素添加效果。

　　CSS3 過渡是元素從一種樣式逐漸改變為另一種的效果。

　　要實現這一點，必須規定兩項內容：

　　1.規定您希望把效果添加到哪個 CSS 屬性上

　　2.規定效果的時長

　　九、CSS3動畫

　　通過 CSS3，我們能夠創建動畫，這可以在許多網頁中取代動畫圖片、Flash 動畫以及 JavaScript。

　　@keyframes 規則用于創建動畫。在 @keyframes 中規定某項 CSS 樣式，就能創建由當前樣式逐漸改為新樣式的動畫效果。

　　當您在 @keyframes 中創建動畫時，請把它捆綁到某個選擇器，否則不會產生動畫效果。

　　通過規定至少以下兩項 CSS3 動畫屬性，即可將動畫綁定到選擇器：

　　規定動畫的名稱

　　規定動畫的時長

　　動畫是使元素從一種樣式逐漸變化為另一種樣式的效果。

　　請用百分比來規定變化發生的時間，或用關鍵詞 "from" 和 "to"，等同于 0% 和 100%。

　　0% 是動畫的開始，100% 是動畫的完成。

　　為了得到最佳的瀏覽器支持，您應該始終定義 0% 和 100% 選擇器。

　　您可以改變任意多的樣式任意多的次數。

　　十、css3多列

　　1.column-count:column-count 屬性規定元素應該被分隔的列數

　　2.columm-gap:column-gap 屬性規定列之間的間隔

　　3.column-rule:column-rule 屬性設置列之間的寬度、樣式和顏色規則。

　　十一、css3用戶界面

　　在 CSS3 中，新的用戶界面特性包括重設元素尺寸、盒尺寸以及輪廓等。

　　1.resize: 屬性規定是否可由用戶調整元素尺寸。

　　2.box-sizing:屬性允許您以確切的方式定義適應某個區域的具體內容。

　　3.outline-offset:屬性對輪廓進行偏移，并在超出邊框邊緣的位置繪制輪廓。

　　看了“css3知識點總結”的還看了：

1.大學生個人評價總結報告

2.ui專業實習報告范文

3.學習c#心得范文4篇

4.中南大學生學年鑒定表