font字體

目標(biāo)：能夠使用字體和文本相關(guān)樣式修改元素外觀樣式

專注于為中小企業(yè)提供成都網(wǎng)站建設(shè)、成都網(wǎng)站制作服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)陽春免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了上千企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。

字體大小

屬性名：front-size

取值：數(shù)字+px

注意點：谷歌瀏覽器的默認(rèn)值是16px，單位需要設(shè)置，否則是無效的。

    
今天也有努力呦?。?！

字體粗細(xì)

屬性名：font-weight

取值：

關(guān)鍵字取值：

純數(shù)字取值：100~900的整百數(shù)

注意點：

不是所有字體都提供了9中粗細(xì)，因此部分取值頁面中無變化

在實際開發(fā)中，以正常，加粗兩種取值使用的最多。

 


    
今天也有努力呦?。?！
    
嗯嗯，努力了呀！

字體樣式

屬性名：font-style

取值：

正常(默認(rèn)值)：normal

傾斜：italic

    
明天也要加油呦！

常見的字體系列

1、無襯線字體(sans-serif)

2、襯線字體

3、等寬字體

字體系列font-family

屬性名：font-family

常見取值：具體字體1，具體字體2，具體字體3......字體系列

渲染規(guī)則：從左往右按照順序查找，如果電腦中未安裝該字體，則顯示下一個字體。如果都不支持，會根據(jù)OS，顯示最后字體系列的默認(rèn)字樣。

注意點：

1、如果字體名稱中存在多個單詞，推薦使用引號包裹

2、最后一項字體不需要使用引號包裹

3、網(wǎng)頁開發(fā)時，盡量使用系統(tǒng)自帶常見字體，保證不同用戶瀏覽網(wǎng)頁都可以正確顯示。

樣式的層疊問題

假如給同一個p標(biāo)簽設(shè)置了兩個顏色的屬性，那么寫在最后的會把前面的覆蓋掉

    
明天也要加油呦！

字體樣式的連寫

屬性名：font

取值：font：style，weight，size，family

順序要求：可以是swsf

省略要求：只能省略前面兩個，如果省略相當(dāng)于設(shè)置了默認(rèn)值

注意點：

如果需要同時設(shè)置單獨和連寫的形式

要么把單獨的樣式寫在連寫的下面

要么把單獨的樣式寫在連寫的里面(否則就相當(dāng)于給同一個標(biāo)簽設(shè)置了兩個相同屬性。導(dǎo)致上面的被覆蓋掉，所以寫在下面。)

    
明天也要加油呦！