知識普及之CSS: body{font-size: 62.5%;}這種寫法的原因

在網(wǎng)頁設(shè)計(jì)中我們經(jīng)??匆奲ody{font-size: 62.5%;}這樣的設(shè)置,為什么偏偏是62.5%呢?這主要是為了方便em與px相互轉(zhuǎn)換,em的初始值為1em=16px,顯然這樣的話,如1.2em則=19.2px,可是我們在設(shè)置的時(shí)候很少看見19.2px這樣表示的大小,也就是在用px表示大小時(shí)數(shù)值是不帶小數(shù)位的。當(dāng)設(shè)置了body{font-size: 62.5%;}時(shí),1em則=16px*62.5%=10px,1.2em則=12px,這是不是就簡單多了,準(zhǔn)確多了呢~~
- Set body font-size to 62.5% for Easier em Conversion
- If you would like to use relative units (em) for your font sizes, declaring 62.5% for the font-size property of the body will make it easier to convert px to em. By doing it this way, converting to em is a matter of dividing the px value by 10 (e.g. 24px = 2.4em).
- code:
- body {
- font-size: 62.5%;
- }
- p {
- font-size: 1.2em;
- }
以上所述是小編給大家介紹的CSS: body{font-size: 62.5%;}這種寫法的原因分析,希望對大家有所幫助!
相關(guān)文章
詳解使用 CSS 的 font-size-adjust 屬性改善網(wǎng)頁排版
本篇文章主要介紹了使用 CSS 的 font-size-adjust 屬性改善網(wǎng)頁排版,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-18- 這篇文章主要介紹了CSS中的font-size屬性使用教程,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-13
- 這篇文章主要介紹了CSS的font-size屬性及其em值的使用,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-08-05
CSS Font-Size: em、px 、pt 、Percent之間的關(guān)系及換算
這篇文章主要介紹了CSS Font-Size: em、 px 、pt 、Percent之間的關(guān)系及換算,本篇整理的還是比較詳細(xì)的,需要的朋友可以參考下2014-05-15- CSS的字體樣式設(shè)置相信許多人再熟悉不過,其實(shí)字體樣式的設(shè)置并不僅僅限于我們平時(shí)常用的那幾個(gè)屬性,本文為您詳細(xì)敘述 font-size 的字體樣式設(shè)置的詳細(xì)屬性。2009-08-29
CSS網(wǎng)頁布局學(xué)習(xí)之Font-size的妙用
網(wǎng)頁制作Webjx文章簡介:CSS網(wǎng)頁布局學(xué)習(xí)之Font-size的妙用. 我在做網(wǎng)站項(xiàng)目的時(shí)候通常需要定義一個(gè)高度為10px以下的div。代碼如下: <!DOCTYPE htm2009-04-02css中一些常用的font-size字體單位和line-height詳解
這篇文章主要介紹了css中一些常用的font-size字體單位和line-height的相關(guān)知識,給大家提到了px(pixel)像素的一些小知識,本文通過實(shí)例代碼相結(jié)合給大家介紹的非常詳細(xì),感2020-05-20