css3新特性總結

2022-09-07 22:36:32 字數 1608 閱讀 5015

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,...