更新時(shí)間:2022-02-16 09:58:00 來源:動(dòng)力節(jié)點(diǎn) 瀏覽2017次
html的字體樣式主要通過css的font-size以及font-family來定義的
font-size
指定字體大小,常用單位有em和px
font-family
指定使用的字體
常用的中文字體有微軟雅黑和宋體,英文字體有Arial
可以同時(shí)指定多個(gè)字體,使用英文的逗號(hào)分隔,瀏覽器會(huì)按順序查找,找不到就找下一個(gè),全部沒找到就使用系統(tǒng)默認(rèn)的
字體用中文表示 則需要用雙引號(hào)或者單引號(hào)分隔,英文字體一般不需要用引號(hào),但是如果 有特殊字符的(如空格,反斜杠,#,$等)也需要使用引號(hào)
現(xiàn)在網(wǎng)頁字體大小普遍使用14px+
盡量使用 偶數(shù) 數(shù)字字號(hào),因?yàn)樵谟行├鲜綖g覽器中使用奇數(shù)字號(hào)的字體會(huì)有bug
盡量使用 系統(tǒng)默認(rèn)字體,保證用戶在任何瀏覽器中都可以正常顯示
CSS Unicode 字體
就是使用Unicode編碼表示字體,為了考慮兼容性
ont-weight
字體粗細(xì)(bold相等于設(shè)置該屬性的值為700,normal相等于設(shè)置該屬性值為400–>不用單位,建議使用數(shù)字因?yàn)榻馕鰰?huì)更快)
fon-style
normal(一般用于讓斜體不傾斜,em標(biāo)簽有加重強(qiáng)調(diào)的語義 但是字體會(huì)傾斜,可以為em 標(biāo)簽設(shè)置 font-style 屬性值為 normal 取消其傾斜的效果)
字體樣式可以連寫
即 所有的字體樣式 使用一個(gè)語句,但是有一定的語法規(guī)則和順序
選擇器 { font : font-style font-weight font-size/line-height font-family; }
字體樣式連寫時(shí)需要注意:一定要按順序?qū)懀梢杂惺÷圆粚懙臉邮降且欢ㄒ错樞颍襢ont-size和font-family是不可以省略的,否則會(huì)不起作用
文本外觀樣式
color:字體顏色
預(yù)定義的顏色如green,red等
十六進(jìn)制,順序是紅綠藍(lán),十六進(jìn)制是最常用的顏色表示方式
#ff0000 表示紅色,等同于#f00(縮寫,必須是兩兩相同的才可以進(jìn)行縮寫);#00f表示藍(lán)色;#0f0表示綠色;#fff表示白色(所有的顏色都滿格),#000000即#000表示黑色(所有的顏色都沒有)
RGB代碼:rgb(255,255,255)表示白色
文本修飾:text-decoration:none、underlined(比較常用,用于添加下劃線和取消下劃線)
line-hight:行間距,一般情況下,行間距只需要比字體大小大7或8個(gè)像素就可以了
text-align:文本內(nèi)容的水平對(duì)齊方式
text-indent:段落首行縮進(jìn),單位使用em,1em就是一個(gè)字,所以該樣式值為2em 表示 段落首行縮進(jìn)兩個(gè)字符
通過上述介紹,相信大家對(duì)HTML字體樣式設(shè)置已經(jīng)有所了解,大家如果想了解更多相關(guān)知識(shí),可以關(guān)注一下動(dòng)力節(jié)點(diǎn)的Java在線學(xué)習(xí),里面的課程內(nèi)容豐富,通俗易懂,由淺到深,適合小白學(xué)習(xí),希望對(duì)大家能夠有所幫。
0基礎(chǔ) 0學(xué)費(fèi) 15天面授
有基礎(chǔ) 直達(dá)就業(yè)
業(yè)余時(shí)間 高薪轉(zhuǎn)行
工作1~3年,加薪神器
工作3~5年,晉升架構(gòu)
提交申請(qǐng)后,顧問老師會(huì)電話與您溝通安排學(xué)習(xí)