css3新屬性partA

1.新的選擇器

其實你們能夠預感到，css3的出現必定會給你們帶來更加powerful的選擇器，我自稱爲 正則選擇器：
若是咱們如今有5個li標籤，可是每一個li標籤都要求有不一樣的背景顏色。傳統的作法有兩種，一種是用內聯樣式把5個li分別寫上不一樣的background-color，另外一種是咱們用五個不一樣的選擇器給他們標記出來。可是咱們本着css和html分離的原則第一種很醜，第二種又要把一樣的代碼寫5變，感受又很笨，在不借助js的狀況下，咱們能夠用css3的「正則選擇器」去幫咱們完成咱們想要的效果。具體的預發在下面

ps：css3的這種選擇器在ie6以上的選擇器的兼容性更好哦（都2019年了我不信正常人還在用ie6）。若是以爲上述的表格仍是不是很直觀的話咱們就不逼逼，看代碼

按照上面的截圖被選中的標籤是blue和black，因而乎blue和black被標紅了。仍是不是很瞭解的小夥伴們能夠跟着我一塊兒敲一下

2.@Font-face 特性

font-face是css3中容許自定義字體的一個模塊，它主要是把自定義的web字體嵌入到你的頁面中去讓頁面顯得更有個性，好比

基本語法是：

font-family是字體名字，src是字體的加載路徑，font-weight是字體的厚度，font-style是字體的樣式

圖片也能夠作成字體，經過這個能夠減小圖片請求，從而進行性能優化
這個部分設計到iconfont： 傳送門有興趣的小夥伴能夠好好了解一下 咱們接下來partB要講css3帶來的新的樣式特性和新的佈局方式