- font-weight(字體粗細)
字體粗細用于設置文本的粗細程度,可以使用如下的值:
- normal:正常字體(默認)
- bold:加粗字體
- bolder:更加加粗
- lighter:更加細
代碼實例如下:
/* 設置字體加粗 */
font-weight: bold;
/* 設置字體更加加粗 */
font-weight: bolder;
/* 設置字體更加細 */
font-weight: lighter;
- font-style(字體風格)
字體風格用于設置文本的風格,可以使用如下的值:
- normal:正常字體(默認)
- italic:斜體字
- oblique:傾斜字
代碼實例如下:
/* 設置斜體字 */
font-style: italic;
/* 設置傾斜字 */
font-style: oblique;
- line-height(行高)
行高用于設置文本行與行之間的距離,默認情況下,行高與文本大小相等。
代碼實例如下:
/* 設置行高 */
line-height: 1.5;
在此代碼中,1.5 是一個乘數(shù),它會將文本的行高設置為文本大小的 1.5 倍。
- 組合使用字體樣式
可以將字體粗細、字體風格和字體大小等屬性組合使用,如下所示:文章來源:http://www.zghlxwxcb.cn/news/detail-728176.html
/* 設置字體樣式 */
font: italic bold 20px/1.5 Arial, sans-serif;
在此代碼中,字體樣式包括斜體、加粗、20 像素大小、行高為文本大小的 1.5 倍、字體為 Arial 或 sans-serif。注意,這里將所有字體樣式屬性放在一個 font 屬性中,以簡化代碼。文章來源地址http://www.zghlxwxcb.cn/news/detail-728176.html
到了這里,關于CSS 常用樣式 之字體屬性的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!