1.border-radius
用於建立圓角邊框
2.box-shadow
新增陰影
3.border-image
使用建立邊框
1.background-size
能夠規定背景的尺寸，重複使用背景；以畫素或百分比規定尺寸。百分比規定，尺寸相對于父元素
2.background-origin
規定背景的定位區域，可以放置於content-box,padding-box,或border-box
3.background-cilp
規定背景繪製區域，可選content-box,padding-box,或border-box
1.text-shadow
文字陰影效果
2.word-wrap
文字換行
3.@font-face
定義自己的字型
1.translate（）
從當前位置移動，根據給定的的left和top座標
transform: translate(50px,100px);
2.rotate（）
元順時針旋轉給定角度
transform: rotate(30deg);
3.scala（）
元素的尺寸會增加或減少，根據給定的寬度（x 軸）和高度（y 軸）引數
transform: scale(2,4);
4.skew（）
元素翻轉給定的角度，根據給定的水平線（x 軸）和垂直線（y 軸）引數
transform: skew(30deg,20deg);
5.matrix（）
組合所有2d方法
matrix() 方法需要六個引數，包含數學函式，允許您：旋轉、縮放、移動以及傾斜元素
transform:matrix(0.866,0.5,-0.5,0.866,0,0);
1.rotatex（）
素圍繞其 x 軸以給定的度數進行旋轉
2.rotatey（）
素圍繞其 y 軸以給定的度數進行旋轉
transition
transition: width 2s, height 2s, transform 2s;
必須規定兩項內容：
1.規定您希望把效果新增到哪個 css 屬性上
2.規定效果的時長
@keyframes規則
·在 @keyframes 中建立動畫時，請把它**到某個選擇器，否則不會產生動畫效果。
·通過規定至少以下兩項 css3 動畫屬性，即可將動畫繫結到選擇器：
1.規定動畫的名稱
2.規定動畫的時長
div
@keyframes myfirst
25%
50%
75%
100%
}
1.column-count
屬性規定元素應該被分隔的列數
column-count:3;屬性規定列之間的間隔
column-gap:40px;屬性設定列之間的寬度、樣式和顏色規則
column-rule:3px outset #ff0000;1.resize
屬性規定是否可由使用者調整元素尺寸
可選值：vertical高度，horizontal寬度，both，none
2.box-sizing
屬性允許您以確切的方式定義適應某個區域的具體內容
可選值：
content-box 在寬度和高度之外繪製元素的內邊距和邊框。
border-box 寬度和高度內進行繪製
3.outline-offset
屬性對輪廓進行偏移，並在超出邊框邊緣的位置繪製輪廓
輪廓與邊框有兩點不同：
1.輪廓不占用空間
2.輪廓可能是非矩形
css3學習筆記
1.為什麼分許多模組進行管理？為了避免產生瀏覽器對於某個模組支援不完全的情況。2.使用元素的class屬性的缺點 第一，class屬性本身沒有語義，褚翠是用來為css樣式服務的，屬於多餘屬性。第二，使用屬性的話，並沒有把樣式與元素繫結起來，針對同乙個class屬性文字框，下拉框，按鈕都可使用。這樣很...
CSS3學習筆記
一.選擇符 二.屬性 溢位隱藏 div4 p文字陰影 text shadow 2px 1px rgba 255,255,255,1 圓角效果 border radius邊框陰影 box shadow 2px 2px 5px 5px inset 內陰影透明度 div for ie8 and earli...
css3學習筆記
1，transition是過度效果，一般是和hover一起用，transition的屬性有height，width常用屬性，在hover裡面就是會覆蓋原來的屬性，屬性由逗號間隔，各個屬性之間沒有先後關係，webkit transition width 2s ease in,height 2s,web...