1.-webkit-tap-highlight-color (用於移動裝置)
設定或檢索物件的輕按時高亮。
當使用者輕按乙個鏈結或者j**ascript可點選元素時給元素覆蓋乙個高亮色
如果想取消這個高亮,將值設定為全透明即可,比如transparent
對應的指令碼特性為texthighlightcolor。
相關:
1) user-drag:auto | element | none
取值:element:整個元素而非它的內容可拖拽。
none:元素不能被拖動。在通過選中後可拖拽。
2) user-select:none | text | all | element 文字的可選擇性
none:
文字不能被選擇
text:
可以選擇文字
all:
當所有內容作為乙個整體時可以被選擇。如果雙擊或者在上下文上點選子元素,那麼被選擇的部分將是以該子元素向上回溯的最高祖先元素。
element:
可以選擇文字,但選擇範圍受元素邊界的約束
2.touch-action 觸控效果
參考:
取值:
1.auto 預設值,允許瀏覽器給元素新增touch行為
2.none 不允許預設的touch行為
3.pan-x 允許水平軸觸控驅動的平移
4.pan-y 允許垂直軸觸控驅動的平移
5.pinch-zoom 允許拖拽縮放
6.manipulation 允許觸控驅動的平移和拖拽縮放
7.double-tap-zoom 允許整個頁面雙擊縮放指定元素
8.inherit 繼承父元素的值
3. text-stroke: ||
text-stroke-width 描邊文字
text-stroke-color 描邊顏色
text-fill-color 文字填充顏色
4.-webkit-text-size-adjust:auto | none | (僅ios支援)
取值:
auto:
文字大小根據裝置尺寸進行調整。
none:
文字大小不會根據裝置尺寸進行調整。
:用百分比來指定文字大小在裝置尺寸不同的情況下如何調整。
如果你的頁面沒有定義meta viewport,此屬性定義將無效;
CSS3新特性總結
1.屬性選擇器 常用的簡單歸納下 attribute value 用於選取帶有指定屬性和值的元素。title w3school attribute value 包含指定詞彙的元素。後代選擇器 title hello attribute value 用於選取帶有以指定值開頭的屬性值的元素,該值必須是整...
css3新特性總結
一 圓角邊框 border radius 5px 二 多背景圖 background url img flwr.gif right bottom no repeat,url gif left top repeat 三 顏色和透明度 由原來的rgb到現在的rgba background rgba 0,...
css3新特性總結
一 圓角邊框 border radius 5px 二 多背景圖 background url img flwr.gif right bottom no repeat,url gif left top repeat 三 顏色和透明度 由原來的rgb到現在的rgba background rgba 0,...