DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS字體中的px em什麼區別
CSS字體中的px em什麼區別
編輯:CSS詳解     
  • 經常看到有些朋友的CSS文件裡的字體定義是1.2em,有的則是12px,搞不懂這是怎麼一回事,今天又碰到自己寫網頁,又要定義默認字體,空間是用px好還是em好,很糾結,順便查了下,同樣也把答案分享給大家。

    CSS中的px比em更加容易使用,em是指字體高,任意浏覽器的默認字體高都是16px,所以未經調整的浏覽器都符合: 1em=16px,也就是10px=0.625em。為了換算簡便,你可以在CSS的body選擇器中聲明Font-size=62.5%,也就是使em值變為16px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說只需要將你的原來的px數值除以10,然後換上em作為單位就行了。具體用哪一種,這個根據你自己的習慣了,我個人偏向於使用px,因為這樣更直觀些。不過在使用em定義字體大小的時候也要注意以下兩點:
    1. em的值並不是固定的; 
    2. em會繼承父級元素的字體大小。


XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved