與字體相關(guān)的屬性包括字體族、文本大小、粗細(xì)、字體風(fēng)格、行高等。

---

1、font-family：設(shè)置字體族。

格式為font-family：字體1，字體2，……，通用字體族|inher

通用字體族，是指一類相似的字體。W3C的CSS規(guī)則規(guī)定，要指定一個(gè)通用字體族，避免客戶端沒(méi)有安裝指定字體時(shí)能使用本機(jī)上的通用字體族中的字體。該屬性及其值的涵義如下圖

 

2、font-size：設(shè)置文本的大小。該屬性及其值的涵義如下圖

 

3、font-weight：設(shè)置文本加粗。該屬性及其值的涵義如下圖

 

4、font-style：可設(shè)置字體是正常還是斜體。該屬性及其值的涵義如下圖

 

5、line-height：設(shè)置文本的行高，它是指上下文本行的基線之間的垂直距離。其屬性及其值的涵義如下圖

 

6、字體屬性font：是字體設(shè)置的簡(jiǎn)寫形式，其格式及解釋如下：

 

其中，用[]括住的屬性是可選的，而font-size和font-family是必須要寫的兩個(gè)屬性，其他屬性若不寫，則網(wǎng)頁(yè)將使用它們對(duì)應(yīng)的默認(rèn)值。另外，font-size/line-height必須用/組成一個(gè)，不能分開寫。例如：

這段CSS設(shè)置了字號(hào)為12像素，2倍行距，字體族為arial 和arial black。

7、字體顏色color屬性：

 

8、text-align屬性：設(shè)置文本的水平對(duì)齊方式。其值有三，分別是左對(duì)齊left（默認(rèn)）、居中對(duì)齊center、右對(duì)齊right。

9、首行縮進(jìn)屬性text-indent：其屬性值及涵義見下圖。

 

10、文本修飾屬性text-decoration：用來(lái)設(shè)置文本是否帶有下劃線或刪劃線等，其值及涵義如下圖：

 

11、字符間距屬性letter-spacing：設(shè)置字符與字符之間的間隔，正值是拉寬字符間距，負(fù)值是縮小字符間距。其值及涵義如下圖：

 

12、字間距屬性word-spacing：設(shè)置單詞與單詞之間的間隔。該屬性對(duì)包含兩個(gè)詞以上的英文有作用，對(duì)漢字是沒(méi)有作用的。

 

例如，定義一種文本樣式，其字體族為“黑體，宋體，新宋體”，字體粗細(xì)為500，斜體，大小16像素，行距26像素，紅色，帶下劃線，則代碼應(yīng)寫成下圖所示：

 

以上是我總結(jié)的與文本樣式相關(guān)的CSS屬性及其值的解釋，希望對(duì)大家的學(xué)習(xí)有所幫助。