在網頁設計中,CSS3 已經成為一種非常重要的技術。隨著智能手機的普及,移動端的網頁設計也變得越來越重要。CSS3 Android 屬性是 CSS3 在 Android 平臺上的一種擴展屬性,它可以幫助我們更好地設計適用于 Android 手機的網頁。
/*CSS3 Android 屬性的語法格式如下*/ selector{ -webkit-property:value; /* Android 2.1-4.0 */ property:value; /* Android 4.1+ */ } /*其中 -webkit- 是 CSS3 的一個前綴,用于兼容舊版瀏覽器。*/ /*下面介紹一些常用的 CSS3 Android 屬性*/ /*1. -webkit-tap-highlight-color*/ /*這個屬性可以設置當用戶輕敲一個鏈接或按鈕時,鏈接或按鈕周圍出現的高亮顏色。在 Android 默認值為 #989898。*/ a, button{ -webkit-tap-highlight-color: #ff0000; /*點擊鏈接或按鈕后高亮顏色為紅色*/ } /*2. -webkit-user-select*/ /*這個屬性可以控制用戶是否能選中某個元素中的文本。在 Android 默認值為 text。*/ p{ -webkit-user-select:none; /*用戶無法選擇該段落中的文本*/ } /*3. -webkit-text-size-adjust*/ /*這個屬性可以控制文本大小自適應。在 Android 默認值為 auto。*/ html{ -webkit-text-size-adjust:none; /*文本大小不自適應*/ } /*4. -webkit-overflow-scrolling*/ /*這個屬性可以使頁面滑動更加平滑。在 Android 4.1+ 上默認值為 auto。*/ body{ -webkit-overflow-scrolling:touch; /*頁面滑動更加平滑*/ }
通過合理地使用 CSS3 Android 屬性,可以使我們的網頁在 Android 手機上得到更好的展現效果,從而為用戶帶來更好的瀏覽體驗。
上一篇css3 箭頭圖案
下一篇css3 text 線條