在網頁設計css教程中,經常用到字體,而字體大小的設置單位,常用的有2種:px、pt。這兩個有什么區別呢?
px:pixel,像素,屏幕上顯示的最小單位;
pt:point,點,是印刷業一個標準的長度單位,1pt=1/72英寸;
在windows里,默認的顯示設置中,把文字定義為96dpi。這說明了:1px=1/96英寸;而1pt=1/72英寸,可以得出,在本設置中1px=0.75pt,字體9pt=12px。
但是,用戶可以修改文字定義的dpi大小,例如改成144dpi,這樣,1px=0.5pt,字體9pt=18px。原先用12px來組成的一個文字,現在需要18px來組成,px多了,文字就“大”了,更易閱讀了。
所以,px和pt的區別在于,px會隨顯示器的分辨率而改變,pt會隨windows系統字體大小設置而改變。
px:pixel,像素,屏幕上顯示的最小單位;
pt:point,點,是印刷業一個標準的長度單位,1pt=1/72英寸;
在windows里,默認的顯示設置中,把文字定義為96dpi。這說明了:1px=1/96英寸;而1pt=1/72英寸,可以得出,在本設置中1px=0.75pt,字體9pt=12px。
但是,用戶可以修改文字定義的dpi大小,例如改成144dpi,這樣,1px=0.5pt,字體9pt=18px。原先用12px來組成的一個文字,現在需要18px來組成,px多了,文字就“大”了,更易閱讀了。
所以,px和pt的區別在于,px會隨顯示器的分辨率而改變,pt會隨windows系統字體大小設置而改變。
标签:css教程
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
用css實現文字的自動隱藏html+css2011-11-14
常用CSS縮寫語法總結html+css2011-11-14
用CSS設計高用戶體驗的whtml+css2011-11-14
由淺入深漫談margin屬性html+css2011-11-14