知識普及之CSS: body{font-size: 62.5%;}這種寫法的原因
發(fā)布時間：2016-05-06 11:04:53 作者：佚名 
我要評論
我要評論在網(wǎng)頁設(shè)計中我們經(jīng)?？匆奲ody{font-size: 62.5%;}這樣的設(shè)置，為什么偏偏是62.5%呢？下面腳本之家小編給大家揭曉這個答案，一起了解了解吧
在網(wǎng)頁設(shè)計中我們經(jīng)?？匆奲ody{font-size: 62.5%;}這樣的設(shè)置，為什么偏偏是62.5%呢？這主要是為了方便em與px相互轉(zhuǎn)換，em的初始值為1em=16px，顯然這樣的話，如1.2em則=19.2px，可是我們在設(shè)置的時候很少看見19.2px這樣表示的大小，也就是在用px表示大小時數(shù)值是不帶小數(shù)位的。當(dāng)設(shè)置了body{font-size: 62.5%;}時，1em則=16px*62.5%=10px,1.2em則=12px，這是不是就簡單多了，準(zhǔn)確多了呢~~
CSS Code復(fù)制內(nèi)容到剪貼板
- 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)頁排版，具有一定的參考價值，感興趣的小伙伴們可以參考一下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è)置并不僅僅限于我們平時常用的那幾個屬性，本文為您詳細(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)站項目的時候通常需要定義一個高度為10px以下的div。代碼如下： <!DOCTYPE htm2009-04-02css中一些常用的font-size字體單位和line-height詳解
這篇文章主要介紹了css中一些常用的font-size字體單位和line-height的相關(guān)知識，給大家提到了px(pixel)像素的一些小知識，本文通過實例代碼相結(jié)合給大家介紹的非常詳細(xì)，感2020-05-20
