這篇文章主要介紹“CSS的字體單位px，em，rem和%怎么用”，在日常操作中，相信很多人在CSS的字體單位px，em，rem和%怎么用問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”CSS的字體單位px，em，rem和%怎么用”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！
柯坪網站建設公司創(chuàng)新互聯(lián),柯坪網站設計制作，有大型網站制作公司豐富經驗。已為柯坪上1000家提供企業(yè)網站建設服務。企業(yè)網站搭建\成都外貿網站制作要多少錢，請找那個售后服務好的柯坪做網站的公司定做！
1.百分比％
2.px像素（pixel）。相對長度單位。像素px時相對于顯示屏幕分辨率而言的。
.div1{
font-size:20px;
}
字體為20px
2、em是相對長度單位。相對于對象文本內的字體尺寸。如果當前行內文本的字體尺寸未被人為設置，則相當于瀏覽器默認字體尺寸。
任意瀏覽器的默認字體大小都有是16px。所有未經調整的瀏覽器的字體尺寸都符合：1em＝16px。為了簡化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?6px*62.5%=10px,這樣12px=1.2em,10px=1em,也就是說只需要將你的原來的px數值除以10，然后換上em作為單位就行了。
字體2em相當于20px
em的特性
1.em的值并不是固定的。
2.em的值會繼承父級的字體大小。
3.rem是css3新引進的一個相對單位（rootem）rem仍然是一個相對大小，但是值相對于HTML。通過它既可以做到知修改根元素就成比例的調整所有字體大小，又可以避免字體大小逐層復合的連鎖反應
字體2rem相當于32px
到此，關于“CSS的字體單位px，em，rem和%怎么用”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續(xù)學習更多相關知識，請繼續(xù)關注創(chuàng)新互聯(lián)網站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
網頁名稱：CSS的字體單位px，em，rem和%怎么用
網頁路徑：http://weahome.cn/article/pcshcj.html
重慶分公司
重慶分公司
