1. 選擇器：IE6.0及以下不相容，其它主流瀏覽器都相容

     新增的屬性選擇器：

    [att^='value'] ：屬性 att 的值以指定值value開始
    [att$='value']：屬性 att 的值以指定值value結束
    [att*='value']：屬性 att 的值包含指定值value，而無論其位置

     新引入連字元的兄弟選擇器：

        如：div ~ img{.....}  選擇特定的 div 標籤的同級的所有圖片

2. RBGA透明度：IE系列全不支援，Weskit核心系列、Firefox 3+ 和Opera 9.5+支援

    background: rgba(255, 0, 0, 0.5 )     : 最後一個引數表示透明度</span>
 

       rgba的透明度隻影響指定元素，而Opacity還會影響到指定元素的子元素

3. 多欄佈局: Webkit核心系列和Firefox 2+支援

 在Webkit核心系列瀏覽器(safari、chrome等)中使用時，加'-webkit' 字首

    -webkit-column-count : 3 ;     分欄總數
    -webkit-column-gap : 1.5em ;     欄之間的間距
    -webkit-column-rule : 1px solid #999 ; 欄間分割線

       在Firefox覽器中使用時，加'-moz' 字首

 -moz-column-count : 3 ; 
 -moz-column-gap : 1.5em ; 
 -moz-column-rule : 1px solid #999 ;

 4. 多背景圖片

 background: url(a.jpg) top left no-repeat , url(b.jpg) top right no-repeat , url(c.jpg) bottom right no-repeat ,url(d.jpg) bottom left no-repeat ;

5. 字串溢位

word-wrap: break-word or normal /*防止太長的字串溢位  normal:只允許在斷點截斷文字，如連字元 ；break-word 強制換行 */
 

-webkit-box-shadow: 2px 2px 10px #ccc/*塊陰影*/
text-shadow:10px 10px 20px #06C/*文字陰影*/

border：1px solid #333;
-webkit-boder-top-right-radius : 20px;
-webkit-boder-top-left-radius : 20px;</span>

-webkit-border-image: url(b.jpg) 124/*124為邊框寬度*/

-webkit-transform : rotate(5deg);/*2D旋轉，傾斜5度*/  /*要先宣告-webkit-transform-origin  如：-webkit-transform-origin:0 2px*/
-webkit-transform : scale(1.00, 1.50);/*2D伸縮，第二個引數預設與第一個引數一樣*/
-webkit-transform : skew(1.5, 1.5);/*斜切變換，第二個引數預設為0*/
-webkit-transform : translate(5px, -2px);/*2D translation 第二個引數預設為0*/