列舉在Web前端開發中經常會設定的特殊樣式！

　　在實際開發中，移動Web頁面的設計風格更接近App(手機應用)，而不是傳統的網頁。為了有更好的使用者體驗，我們可以給移動Web頁面設定一些特殊樣式。下面為列舉在移動Web開發中經常會設定的特殊樣式，具體如表1所示。

表1 移動端特殊樣式

　　需要注意的是，上述樣式是非標準的，因此加上了私有字首“-webkit-”，該字首在WebKit和Blink核心的瀏覽器中有效，適用於Chrome瀏覽器和大多數移動端瀏覽器。

　　為了讓讀者更好地理解，下面我們透過例2-5進行案例演示。

　　【例2-5】

　　(1)建立C:\web\chapter02\demo05.html檔案，具體程式碼如下。

　　

　　上述程式碼中，第8~10行程式碼設定a標籤樣式中的-webkit-tap-highlight-color的值為transparent，表示當單擊這個超連結時，清除單擊高亮效果;第11~13行程式碼設定按鈕樣式中的-webkit-appearance的值為none，用來去除按鈕的原生樣式。

　　(2)在瀏覽器中開啟demo05.html，執行結果如圖1所示。

　　

　　在圖1中，按鈕的預設樣式已經被取消。當使用者單擊超連結時，不會顯示超連結的背景顏色。讀者可以嘗試移除特殊樣式，對比新增和移除後的區別。