沐鳴測速登錄地址_前端程序員需要知道的7種新型的CSS長度單位
你看，這裏div這娃的字體大小是1.2em。解釋來說，就是他從body爹爹那裡繼承的字體大小（這裡是14px）的1.2倍，結果就是16.8px。,這就意味着有那麼些個特別的貨，雖然平常都不怎麼會用上，但是一旦某個地方需要它們了，他們就真的是特么得合適不過來了呢。,眾所周知css技術我們雖然很熟悉，在使用的過程卻很容易被困住，這讓我們在新問題出現的時候變得很不利。隨着web繼續不斷地發展，對於新技術新解決方案的要求也會不斷增長。因此，作為網頁設計師和前端開發人員，我們別無選擇，必須熟悉我們手上的工具，做到知己知彼，這樣才能百戰不殆。,body { font-size: 14px; } div { font-size: 1.2em; // calculated at 14px * 1.2, or 16.8px },html { font-size: 14px; } div { font-size: 1.2rem; },雖然在某些地方這正是我們想要的，但是通常情況下我們還是希望就依賴單一的相對度量單位就好。這時候嘛，我們就可以使用 rem 了。 ‘r’是“root”的縮寫，意思就是1rem等於根元素的字體大小；大部分情況下，根元素就是<html>元素了。,但是，如果你用em一層一層級聯得定義嵌套元素的字體大小又會花生什麼事情呢？在下面這一小段代碼里我們應用了和上面一樣一樣的CSS，每一個div都從它上一級父元素繼承了字體大小，並且逐漸得增加。,<body> <div> Test <!– 14 * 1.2 = 16.8px –> <div> Test <!– 16.8 * 1.2 = 20.16px –> <div> Test <!– 20.16 * 1.2 = 24.192px –> </div> </div> </div> </body>,今兒，我就準備向大伙兒介紹一些你們之前可能很少見過css傢伙們。他們每個都是度量的單位，類似pixel 和 em這樣的，但是很有可能你之前從來就沒聽過這些傢伙們！就讓我們一起來交個朋友吧~,
,我們首先介紹下和我們熟悉的很相似的貨。em 被定義為相對於當前對象內文本的字體大小。炒個栗子，如果你給body小哥設置了font-size字體大小，那麼body小哥的任何子元素的1em就是等於body設置的font-size。,你看，這裏div這娃的字體大小是1.2em。解釋來說，就是他從body爹爹那裡繼承的字體大小（這裡是14px）的1.2倍，結果就是16.8px。