在網(wǎng)頁制作時(shí)，我們需要控制網(wǎng)頁中字體的大小，顏色，粗細(xì)等，通過情況下，我們會(huì)使用以下的CSS樣式去控制這個(gè)字體的樣式：

字體的大�。篺ont-size:14px;
字體的顏色：color:#FFF;
字體的粗細(xì)：font-weight:bold;

通過以上的單獨(dú)的樣式去控制網(wǎng)頁字體，但是這樣書寫比較麻煩，特別是自適應(yīng)網(wǎng)頁，所以我們可以用以下的綜合樣式書寫來控制網(wǎng)頁字體的樣式：

除此之外，我們?cè)谕瓿闪藀s網(wǎng)頁切片之后，還可以用以下的字體樣式來控制HTML網(wǎng)頁中的字體。(相關(guān)知識(shí)：什么是html)

• font-variant 屬性設(shè)置小型大寫字母的字體顯示文本，這意味著所有的小寫字母均會(huì)被轉(zhuǎn)換為大寫，但是所有使用小型大寫字體的字母與其余文本相比，其字體尺寸更小。
• normal 默認(rèn)值。瀏覽器會(huì)顯示一個(gè)標(biāo)準(zhǔn)的字體。
• small-caps 瀏覽器會(huì)顯示小型大寫字母的字體。
• inherit 規(guī)定應(yīng)該從父元素繼承 font-variant 屬性的值。
• letter-spacing 字體間的距離
• text-transform none 默認(rèn)值 不變text-transform uppercase 文本全大寫text-transform lowercase 文本全小寫
• text-transform 每個(gè)單詞首字母大寫
• word-spacing 屬性可以改變字（單詞）之間的標(biāo)準(zhǔn)間隔。其默認(rèn)值 normal 與設(shè)置值為 0 是一樣的。
• word-spacing 屬性接受一個(gè)正長度值或負(fù)長度值。如果提供一個(gè)正長度值，那么字之間的間隔就會(huì)增加。為 word-spacing 設(shè)置一個(gè)負(fù)值，會(huì)把它拉近：
• white-space 值為normal時(shí) 去除空白字符
• white-space 屬性設(shè)置為 pre 時(shí)，瀏覽器不會(huì)合并空白符，也不會(huì)忽略換行符 ，與之相對(duì)的值是 nowrap，它會(huì)防止元素中的文本換行，除非使用了一個(gè) Br換行元素標(biāo)簽。在 CSS 中使用 nowrap 非常類似于 HTML 4 中用
• 將一個(gè)表單元格設(shè)置為不能換行，不過 white-space 值可以應(yīng)用到任何元素。
• 當(dāng) white-space 屬性設(shè)置為 pre-wrap 時(shí)，瀏覽器不僅會(huì)保留空白符并保留換行符，還允許自動(dòng)換行。

標(biāo)簽：

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。