css CSS3中的單位

2021-09-06 12:19:42 字數 681 閱讀 1308

from

css3中的單位:

css3中引入了一些新的單位:

ch——字元0(零)的寬度;

rem——根元素(html元素)的font-size;

vw——viewpoint width,視窗寬度,1vw等於視窗寬度的1%;

vh——viewpoint height,視窗高度,1vh等於視窗高度的1%;

vmin——vw和vh中較小的那個。

顯然vw、vh、vmin是針對移動裝置的,如果視窗大小變化了,這三個值也會跟著相應的變化。

rem單位感覺就是px+em的變體,是否值得使用還要看你自己的取捨:沒有px精確也沒有em靈活——或者說,比px靈活,比em更精確~~。。。xd。。。

如果沒有定義font-size怎麼辦?

其實不用擔心,傳說,各個瀏覽器史無前例的預設font-size:16px;,所以,即便你在樣式檔案中忘了定義font-size初始值,也可以放心的使用em、rem。

瀏覽器支援:

rem,各瀏覽器基本都支援了, ie9+、ff3.6+、chrome、safari 5+、以及 opera 11.6+

vw、vh、vmin,瀏覽器支援並不樂觀,ie9支援了,chrome目前不支援,chrome 20將會重新支援(貌似之前支援過?)、safari也即將支援了吧,opera和firefox也還都不支援。

CSS css3動畫知識

1 值 perspective number none,number 元素距離檢視的距離,以畫素計。none 預設值,與 0 相同,不設定透視。2 屬性 3d立體檢視的可視效果,近大遠小 3 實現方式 方式一 寫在所有的動畫元素的父元素上 parentsrtyle方式二 寫在當前元素上 parent...

CSS CSS3常用的樣式

強制文字顯示 讓一段文字在固定寬度在一行顯示,最後乙個字元為省略標記 css樣式如下 單行顯示語法 white space nowrap div效果 多行文字最後省略號 div效果 位置,置左 位置,置中 設定 邊框大小 使用數字 設定 的背景顏色 設定 邊框的顏色 設定 暗邊框的顏色 設定 亮邊框...

CSS CSS3常用的樣式

強制文字顯示 讓一段文字在固定寬度在一行顯示,最後乙個字元為省略標記 css樣式如下 單行顯示語法 white space nowrap div效果 多行文字最後省略號 div效果 位置,置左 位置,置中 設定 邊框大小 使用數字 設定 的背景顏色 設定 邊框的顏色 設定 暗邊框的顏色 設定 亮邊框...