知識普及之CSS: body{font-size: 62.5%;}這種寫法的原因
發(fā)布時間:2016-05-06 11:04:53 作者:佚名
我要評論

在網(wǎng)頁設計中我們經(jīng)常看見body{font-size: 62.5%;}這樣的設置,為什么偏偏是62.5%呢?下面腳本之家小編給大家揭曉這個答案,一起了解了解吧
在網(wǎng)頁設計中我們經(jīng)常看見body{font-size: 62.5%;}這樣的設置,為什么偏偏是62.5%呢?這主要是為了方便em與px相互轉(zhuǎn)換,em的初始值為1em=16px,顯然這樣的話,如1.2em則=19.2px,可是我們在設置的時候很少看見19.2px這樣表示的大小,也就是在用px表示大小時數(shù)值是不帶小數(shù)位的。當設置了body{font-size: 62.5%;}時,1em則=16px*62.5%=10px,1.2em則=12px,這是不是就簡單多了,準確多了呢~~
CSS Code復制內(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入門學習中的基礎知識,需要的朋友可以參考下2015-08-13
- 這篇文章主要介紹了CSS的font-size屬性及其em值的使用,是CSS入門學習中的基礎知識,需要的朋友可以參考下2015-08-05
CSS Font-Size: em、px 、pt 、Percent之間的關(guān)系及換算
這篇文章主要介紹了CSS Font-Size: em、 px 、pt 、Percent之間的關(guān)系及換算,本篇整理的還是比較詳細的,需要的朋友可以參考下2014-05-15- CSS的字體樣式設置相信許多人再熟悉不過,其實字體樣式的設置并不僅僅限于我們平時常用的那幾個屬性,本文為您詳細敘述 font-size 的字體樣式設置的詳細屬性。2009-08-29
- 網(wǎng)頁制作Webjx文章簡介:CSS網(wǎng)頁布局學習之Font-size的妙用. 我在做網(wǎng)站項目的時候通常需要定義一個高度為10px以下的div。代碼如下: <!DOCTYPE htm2009-04-02
css中一些常用的font-size字體單位和line-height詳解
這篇文章主要介紹了css中一些常用的font-size字體單位和line-height的相關(guān)知識,給大家提到了px(pixel)像素的一些小知識,本文通過實例代碼相結(jié)合給大家介紹的非常詳細,感2020-05-20