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