< p >CSS中的font值有很多種類型,包括字體大小、字體顏色、字體樣式以及文字裝飾,以下是CSS font常用的屬性值:< /p >< pre >font-size:XXpx/pt/%/em;
font-family:Arial, ‘微軟雅黑’;
font-weight:bold/normal;
font-style:italic/normal;
color:#000000;
text-decoration:none/underline/overline/line-through;< /pre >< p >font-size: 字體大小< /p >< p >font-size屬性可以用來設(shè)置文字的大小。常用單位有像素(px)、pt和em等。其中像素和磅是絕對(duì)單位,而em是相對(duì)單位。字體大小的單位有許多種選擇,我們可以根據(jù)布局的需要選擇最適合的單位來設(shè)置字體大小。如下代碼將字體大小設(shè)置為14像素:< /p >< pre >p {
font-size: 14px;
}< /pre >< p >font-family: 字體類型< /p >< p >font-family屬性可以用來設(shè)置文字的字體類型。常見的字體類型有Arial, Helvetica, 'Times New Roman', '微軟雅黑'等等。font-family屬性應(yīng)該給多種字體盡可能的排列在一起。如果給定的字體類型不可用,瀏覽器將按清單順序下一個(gè)字體類型。例如:< /p >< pre >p {
font-family: Arial, '微軟雅黑';
}< /pre >< p >font-weight:字體粗細(xì)< /p >< p >font-weight屬性可以用來設(shè)置字體的粗細(xì)程度。常用值有bold(粗體)和normal(普通體)。如下代碼將字體設(shè)置為粗體:< /p >< pre >p {
font-weight: bold;
}< /pre >< p >font-style:字體風(fēng)格< /p >< p >font-style屬性可以用來設(shè)置文字的風(fēng)格,常用值有italic(斜體)和normal(常規(guī)字體)。如下代碼將文字設(shè)置為斜體:< /p >< pre >p {
font-style: italic;
}< /pre >< p >color:字體顏色< /p >< p >color屬性可以用來設(shè)置字體的顏色。常用值有紅、藍(lán)、綠等基本顏色名稱,還可以使用RGB和16進(jìn)制顏色值。如下代碼將文本顏色設(shè)置為黑色:< /p >< pre >p {
color: #000000;
}< /pre >< p >text-decoration:文本裝飾< /p >< p >text-decoration屬性用來設(shè)置文本的裝飾效果。常用值有underline(下劃線)、overline(上劃線)、line-through(刪除線)和none(無)。如下代碼將文字添加下劃線:< /p >< pre >p {
text-decoration: underline;
}< /pre >綜上所述,我們可以根據(jù)項(xiàng)目的需要,使用不同的方法設(shè)置CSS字體相關(guān)的屬性,使文字看起來更加美觀。
網(wǎng)站導(dǎo)航
- zblogPHP模板zbpkf
- zblog免費(fèi)模板zblogfree
- zblog模板學(xué)習(xí)zblogxuexi
- zblogPHP仿站zbpfang