CSS3新特性

新增選擇器

1.樣式選擇器

可以通過標籤的樣式選擇便籤
如input[type=“text”]可以選擇到所有類型爲文本的input標籤

2.僞類選擇器

（1）靜態僞類

1. ：link 超鏈接點擊之前的樣式
2. ：visited 超鏈接點擊之後的樣式

（2）動態僞類

1. ：hover 鼠標懸浮時候的樣式
2. ：active 鼠標點擊後，未鬆手時候的樣式
3. ：focus 獲得焦點時候的樣式
   ps：以上三種樣式，只能用於超鏈接

a{}和a:link{}的區別：

a{}定義的樣式針對所有的超鏈接(包括錨點)
a:link{}定義的樣式針對所有寫了href屬性的超鏈接(不包括錨點)

3.僞元素選擇器（新增規範）

在css3的標準裏，爲了更好地區分僞類和僞元素，爲僞元素多加了一個：

語法：selector ::僞元素{}

/* 爲某個元素的第一行文字使用樣式。 */
::first-line

/* 爲某個元素中的文字的首字母或第一個字使用樣式。 */
::first-letter

/* 在某個元素之前插入一些內容。 */
::before

/* 在某個元素之後插入一些內容。 */
::after

更多的顏色支持

css3新增了兩種顏色支持：rgba和hsl

現在css共支持六種顏色模式

1. 關鍵字：如red，yellow …
2. rgb：由紅，藍，綠 三原色的0~255的數組成
3. 十六進制：#+6位（有的可縮寫成3位）十六進制數組成
4. rgba，在rgb的基礎上加入的透明度值
5. HSL模式：通過對色調(H)、飽和度(S)、亮度(L)三個顏色通道的變化以及它們相互的疊加得到各式各樣的顏色。HSL標準幾乎可以包括人類視力所能感知的所有顏色
6. HSLA模式：HSL的擴展模式，在HSL的基礎上增加一個透明通道alpha來設置透明度

提供了漸變的效果

1.線性漸變

 background-image: linear-gradient(direction, color-stop1, color-stop2, ...);

2.徑性漸變

background-image: radial-gradient(red 5%, yellow 15%, green 60%);

CSS3 的 Transitions, Transforms 和 Animation

Transitions

過渡屬性，當指定樣式被改變時控制他的改變速度和過渡模式

標準語法： transition：過度屬性，持續時間，延遲時間，過渡模式
ps:可能需要加上瀏覽器前綴

Transforms

Transform，其實就是指拉伸，壓縮，旋轉，偏移等等一些圖形學裏面的基本變換

Animation

Animation ，它可以說開闢了 CSS 的新紀元，讓網頁擺脫了flash插件，可以直接製作一些簡單的動畫效果