htmlcss網(wǎng)頁設計 網(wǎng)頁設計中,font如何,精確,字體大???
網(wǎng)頁設計中,font如何,精確,字體大小?一般來說,中文的字號是12px或14px。隨著顯示分辨率的不斷提高,12px文本在大于1440*900的顯示器上會顯得更小,不易閱讀。因此,12px在現(xiàn)在的網(wǎng)
網(wǎng)頁設計中,font如何,精確,字體大小?
一般來說,中文的字號是12px或14px。隨著顯示分辨率的不斷提高,12px文本在大于1440*900的顯示器上會顯得更小,不易閱讀。因此,12px在現(xiàn)在的網(wǎng)頁設計中使用較少,尤其是在本文的主體部分,14px被普遍使用。13px字體在IE6下會有一點顯示錯誤,所以現(xiàn)在不用太多。然而,隨著IE6逐漸被淘汰,這個問題已經(jīng)不是問題了。至于標題欄的文本大小,沒有特別的限制。視覺上很舒服。字號代碼:Font-尺寸:14px(字體大?。?4像素)對于字體系列,一般來說,14px及以下的字體大小應該設置為宋體,當然也可以設置為微軟雅黑。但是,在XP中,默認情況下沒有雅黑字體,所以您可以在CSS中這樣設置字體:字體系列:“Microsoft雅黑”、Simsun、Arial,用逗號分隔多個字體,如果系統(tǒng)沒有第一個字體,則使用第二個字體,如果沒有第二個字體,則使用第三個字體,依此類推。
網(wǎng)頁設計里的字體怎么改變rem格式?
響應式網(wǎng)頁設計:REM和EM自適應設置網(wǎng)頁的字體大小
“REM”是指根元素(HTML)的字體大小。令人高興的是,他們已經(jīng)預約從IE6到chrome。根元素的默認字體大小是16px。這樣一個新裝置的兼容性如何?
IE9,F(xiàn)irefox、chrome、Safari和opera的主流版本都支持它。我可以自由使用REM。
EM的計算是基于父元素的,這給實際應用帶來了很大的不便。所以REM的出現(xiàn)拯救了像我這樣不會算術的人。他們不必再擔心父元素的字體大小,因為它總是基于根元素(HTML)。
例如,默認的HTML字體大小=16px,那么我想將12px的文本設置為:12△16=0.75(REM)
當然,您可以引入CSS預處理工具(SASS、less、stylus等)來自動計算REM值,所以這里我不一一給您舉例。
但是如果像我這樣的懶人或團隊沒有引入CSS預處理工具呢?我能移動一個計算器嗎?別擔心。你可以做些改變。讓我們改變默認字體大小=10px的HTML計算!像這樣:
html{字體-尺寸:62.5%/*10÷16=62.5%*/}正文{字體-大?。?2px字體大小:1.2rem/*12÷10=1.2*/}p{字體-大?。?4px字體大小需要注意的是,為了與不支持rem的瀏覽器兼容,我們需要在rem前面寫上相應的PX值,因此,不支持REM的瀏覽器可以正常降級。其實,不用太擔心。這是默認字體-尺寸:100%,或設置為字體-尺寸:62.5%如果引入CSS預處理工具,自然可以使用默認值。如果您出于其他原因使用字體-尺寸:62.5%可以重置正文中的默認字體大小。