CSS之EM相對單位

2022-09-17 09:24:16 字數 1065 閱讀 5748

之前以為em單位只是在font-size中起到繼承作用,

後來慢慢覺得,繼承,應該是在幾乎所有樣式中都可以是實現的,比如height,width,border...

今天才簡單測試了下,果真是可以實現,不過,只是要基於font-size的一併出現而已!

也就是說,想height等樣式也應用上em的繼承相對大小,必須在父節點中應用font-size的值!

**片段如下:(可把emdiv類中的font-size注釋來對比看看效果...)

>css測試

title

>

<

style

>

.emdiv

.heightemdiv1, .heightemdiv2

.heightemdiv1

.heightemdiv2

style

>

head

>

<

body

>

<

div

class

="emdiv"

>

<

div

class

="heightemdiv1"

>

111

<

div

class

="heightemdiv2"

>

222

div>

div>

div>

body

>

html

>

CSS 的相對單位 em 與 ex

相對單位之所以得名,是因為它們是根據與其他事物的關係來度量的,共有3種相對長度單位 em ex和px。前兩個單位代表em height和x height,這是常用的印刷度量單位。而 px 代表 畫素 這個值被定義為相對單位,因為它取決於顯示裝置的解析度。em在 css 中,em 定義為一種給定字型的...

CSS 單位 絕對單位 相對單位

我們對單位很熟悉,比如說,千克,千公尺,公尺等,這些就是絕對單位,我們又有聽到太陽的質量等於33個地球,這個就是相對單位。在css中,單位也可以分為這兩類。在第二個box裡,300px的小框跟上面的框的300px一樣長,而第二個框裡面的50 跟第乙個框的50 為不一樣,這個就很好的解釋了相對單位和絕...

CSS中的em單位

css中有眾多單位,常用的px是絕對單位,em則是相對單位。在響應式和移動端的大前提下,使用em能夠更方便快捷的一次性調整web文件極其html元素的字型大小 寬度 邊距 邊框等一系列屬性,可以說在某些方面,使用em作為單位比px更靈活。em是css中的乙個相對單位,它的單位長度是根據元素的文字垂直...