css字體大小怎么設置?用font-size屬性


css字體大小怎么設置?用font-size屬性,用英文小寫符號:連接font-size屬性的值即可,寫法如下:

font-size:;

當你需要修改字體大小的時候,只需要修改這個【】即可,font-size屬性常用的值有:px、em、百分比、vw,下面范如樂分別進行講解。

px是像素,如果你沒有指定字體大小,則普通文本(如段落)的默認大小為 16px。

1em 等于當前字體大小,也就是16px = 1em,反過來就是px的值除以16等于em的值,比如15px的em值為15除以16,等于0.9375em。

百分比等于當前字體大小的比例,比如100% =16px = 1em、200% =32px = 2em,具體數值網友們可以自己換算。

vw是“視口寬度”(”viewport width”),視口(Viewport)是瀏覽器窗口的大小。 1vw = 視口寬度的 1%。如果視口為 50 厘米寬,則 1vw 為 0.5 厘米。

為了給網友們展示它們之間的對比效果,范如樂單獨設置了四個樣式,每個樣式應用到一個p標簽中,效果如圖:

font-size屬性不同值之間的效果圖示

網友們可以自己調整瀏覽器窗口的大小,以查看文本大小如何縮放。

學會了用css調整字體的大小,下一節,我們學習用css調整字體的粗細,詳情點擊:《css字體粗細怎么設置?用font-weight屬性》。

轉載時需注明來源!首發:如樂建站之家;原文鏈接:
http://www.lmaocr.com/css/8000.html
如樂建站之家創始人——范如樂:

如樂建站之家創始人范如樂  聯系Q Q:349142701
  聯系微信:349142701
  聯系電話:13189611692

【如樂建站之家】由范如樂于2013年創建至今,立志于解決新手不會快速自己建網站的痛苦,讓你也能零基礎快速學會自己建網站!詳細教程點擊下圖:




熱門文章: