css3:

css3選擇器：屬性選擇器，偽類選擇器，偽元素選擇器

css3新特性：

1、邊框屬性：

      border-radius：圓角

      border-shadow:給邊框加陰影     border-show(水平陰影的位置，垂直陰影的位置，陰影的模糊度，陰影的顏色)例子： border-shadow(10px,10px,5px,red);

     border-image:加圖片的邊框

2、背景：

  background-size 屬性規定背景圖片的尺寸。

background-origin 屬性規定背景圖片的定位區域。

3、文字效果：

   text-shadow:給文字加陰影

h1{
  	text-shadow: 10px 10px 10px #FF0000;
}

 word-wrap:自動換行

4、css2D轉換 

transform：

• translate()：通過 translate() 方法，元素從其當前位置移動，根據給定的 left（x 座標） 和 top（y 座標） 位置引數
• rotate()：通過 rotate() 方法，元素順時針旋轉給定的角度。允許負值，元素將逆時針旋轉。例子：transform:rotate(30deg);
• scale():通過 scale() 方法，元素的尺寸會增加或減少，根據給定的寬度（X 軸）和高度（Y 軸）引數：
• skew():通過 skew() 方法，元素翻轉給定的角度，根據給定的水平線（X 軸）和垂直線（Y 軸）引數.例子：值 skew(30deg,20deg) 圍繞 X 軸把元素翻轉 30 度，圍繞 Y 軸翻轉 20 度
• matrix()：

  matrix() 方法把所有 2D 轉換方法組合在一起。

  matrix() 方法需要六個引數，包含數學函式，允許您：旋轉、縮放、移動以及傾斜元素

      transform:matrix(0.866,0.5,-0.5,0.866,0,0);

  css3D轉換：

5、transition過渡

6、動畫 @keyframes規則

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

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

CSS3新增偽類有那些？

p:first-of-type 選擇屬於其父元素的首個 <p> 元素的每個 <p> 元素。 p:last-of-type 選擇屬於其父元素的最後 <p> 元素的每個 <p> 元素。 p:only-of-type 選擇屬於其父元素唯一的 <p> 元素的每個 <p> 元素。 p:only-child 選擇屬於其父元素的唯一子元素的每個 <p> 元素。 p:nth-child(2) 選擇屬於其父元素的第二個子元素的每個 <p> 元素。 :enabled、:disabled 控制表單控制元件的禁用狀態。 :checked，單選框或複選框被選中。html5有哪些新特性、移除了那些元素？如何處理HTML5新標籤的瀏覽器相容問題？

H5新特性：

1. 拖拽釋放(Drag and drop) API
2. 語義化更好的內容標籤（header,nav,footer,aside,article,section）
3. 音訊、視訊API(audio,video)
4. 畫布(Canvas) API
5. 地理(Geolocation) API
6. 本地離線儲存 localStorage 長期儲存資料，瀏覽器關閉後資料不丟失；
7. sessionStorage 的資料在瀏覽器關閉後自動刪除
8. 表單控制元件，calendar、date、time、email、url、search
9. 新的技術webworker, websocket, Geolocation支援HTML5新標籤：

IE8/IE7/IE6支援通過document.createElement方法產生的標籤， 可以利用這一特性讓這些瀏覽器支援HTML5新標籤， 瀏覽器支援新標籤後，還需要新增標籤預設的樣式：