第13章HTMLCSSJavaScript文本的精細(xì)排版HTML-CSS-JavaScript--標(biāo)準(zhǔn)教程實(shí)例版(第2版)

1、 本書(shū)編委會(huì) 編著第第13章章 文本的精細(xì)排版文本的精細(xì)排版13.1 調(diào)整字符間距l(xiāng)etter-spacing13.2 調(diào)整單詞間距word-spacing13.3 添加文字修飾text-decoration13.4 設(shè)置文本排列方式text-align13.5 設(shè)置段落縮進(jìn)text-indent13.6 調(diào)整行高line-height13.7 轉(zhuǎn)換英文大小寫(xiě)text-transform13.8 小實(shí)例綜合應(yīng)用文本屬性13.9 習(xí)題HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.1 調(diào)整字符間距調(diào)整字

2、符間距l(xiāng)etter-spacingletter-spacing:normal|長(zhǎng)度長(zhǎng)度 基本語(yǔ)法基本語(yǔ)法HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.1 調(diào)整字符間距調(diào)整字符間距l(xiāng)etter-spacing 語(yǔ)法說(shuō)明語(yǔ)法說(shuō)明 normal表示間距正常顯示，是默認(rèn)設(shè)置。 長(zhǎng)度包括長(zhǎng)度值和長(zhǎng)度單位，長(zhǎng)度值可以使用負(fù)數(shù)。 長(zhǎng)度單位可以使用12.2節(jié)講解“設(shè)置字體”時(shí)介紹的所有單位。HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.1 調(diào)整字符間距調(diào)整字符間距l(xiāng)etter-spacing 實(shí)例代碼HTML/CSS/JavaScript 標(biāo)準(zhǔn)教

3、程實(shí)例版（第2版）第章1313.1 調(diào)整字符間距調(diào)整字符間距l(xiāng)etter-spacing 接上頁(yè)接上頁(yè)HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.1 調(diào)整字符間距調(diào)整字符間距l(xiāng)etter-spacing 網(wǎng)頁(yè)效果網(wǎng)頁(yè)效果HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.2 調(diào)整單詞間距調(diào)整單詞間距word-spacing 基本語(yǔ)法基本語(yǔ)法word-spacing:normal|長(zhǎng)度長(zhǎng)度HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.2 調(diào)整單詞間距調(diào)整單詞間距word-spacing 語(yǔ)法說(shuō)明語(yǔ)法說(shuō)明

4、normal表示間距正常，是默認(rèn)設(shè)置。 長(zhǎng)度包括長(zhǎng)度值和長(zhǎng)度單位，長(zhǎng)度值可以使用負(fù)數(shù)。 長(zhǎng)度單位可以使用12.2節(jié)講解“設(shè)置字體”時(shí)介紹的所有單位。HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.2 調(diào)整單詞間距調(diào)整單詞間距word-spacing 實(shí)例代碼實(shí)例代碼HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.2 調(diào)整單詞間距調(diào)整單詞間距word-spacing 接上頁(yè)接上頁(yè)HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.2 調(diào)整單詞間距調(diào)整單詞間距word-spacing 網(wǎng)頁(yè)效果網(wǎng)頁(yè)效果HTML/C

5、SS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.3 添加文字修飾添加文字修飾text-decoration 基本語(yǔ)法基本語(yǔ)法text-decoration: underline|oveline|line-through|blink|noneHTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.3 添加文字修飾添加文字修飾text-decoration 語(yǔ)法說(shuō)明語(yǔ)法說(shuō)明 語(yǔ)法中的屬性值可以是上面所列的一個(gè)或多個(gè)。 具體語(yǔ)法中text-decoration屬性的取值說(shuō)明見(jiàn)表13-1。表13-1HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）

6、第章1313.3 添加文字修飾添加文字修飾text-decoration 表13-1 text-decoration屬性取值說(shuō)明返回HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.3 添加文字修飾添加文字修飾text-decoration 實(shí)例代碼實(shí)例代碼HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.3 添加文字修飾添加文字修飾text-decoration 接上頁(yè)接上頁(yè)HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.3 添加文字修飾添加文字修飾text-decoration 網(wǎng)頁(yè)效果網(wǎng)頁(yè)效果HTML/

7、CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.4 設(shè)置文本排列方式設(shè)置文本排列方式text-align 基本語(yǔ)法基本語(yǔ)法Text-align:left|right|center|justifyHTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.4 設(shè)置文本排列方式設(shè)置文本排列方式text-align 語(yǔ)法說(shuō)明語(yǔ)法說(shuō)明 該語(yǔ)法中的4個(gè)屬性值可以任意選擇其中一個(gè)。其中，left代表左對(duì)齊方式；right代表右對(duì)齊方式；center代表居中對(duì)齊方式；justify代表兩端對(duì)齊方式。 該屬性可應(yīng)用于HTML中的任何模塊級(jí)標(biāo)記，如， 等。HTML/CSS/

8、JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.4 設(shè)置文本排列方式設(shè)置文本排列方式text-align 實(shí)例代碼實(shí)例代碼HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.4 設(shè)置文本排列方式設(shè)置文本排列方式text-align 接上頁(yè)接上頁(yè)HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.4 設(shè)置文本排列方式設(shè)置文本排列方式text-align 網(wǎng)頁(yè)效果網(wǎng)頁(yè)效果HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.5 設(shè)置段落縮進(jìn)設(shè)置段落縮進(jìn)text-indent 基本語(yǔ)法基本語(yǔ)法text-inden

9、t:長(zhǎng)度長(zhǎng)度|百分比百分比HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.5 設(shè)置段落縮進(jìn)設(shè)置段落縮進(jìn)text-indent 語(yǔ)法說(shuō)明語(yǔ)法說(shuō)明 長(zhǎng)度包括長(zhǎng)度值和長(zhǎng)度單位，長(zhǎng)度單位同樣可以使用之前提到的所有單位。 百分比則是相對(duì)上一級(jí)元素的寬度而定的。HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.5 設(shè)置段落縮進(jìn)設(shè)置段落縮進(jìn)text-indent 實(shí)例代碼實(shí)例代碼HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.5 設(shè)置段落縮進(jìn)設(shè)置段落縮進(jìn)text-indent 接上頁(yè)接上頁(yè)HTML/CSS/JavaScr

10、ipt 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.5 設(shè)置段落縮進(jìn)設(shè)置段落縮進(jìn)text-indent 網(wǎng)頁(yè)效果網(wǎng)頁(yè)效果HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.6 調(diào)整行高調(diào)整行高line-height 基本語(yǔ)法基本語(yǔ)法Line-height:normal|數(shù)字?jǐn)?shù)字|長(zhǎng)度長(zhǎng)度|百分比百分比HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.6 調(diào)整行高調(diào)整行高line-height 語(yǔ)法說(shuō)明語(yǔ)法說(shuō)明 normal為瀏覽器默認(rèn)的行高，一般由字體大小屬性來(lái)決定。 數(shù)字，表示行高為該元素字體大小與該數(shù)字相乘的結(jié)果。 長(zhǎng)度，表示行高由長(zhǎng)度值和長(zhǎng)

11、度單位確定。 百分比：表示行高是該元素字體大小的百分比。HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.6 調(diào)整行高調(diào)整行高line-height 實(shí)例代碼實(shí)例代碼HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.6 調(diào)整行高調(diào)整行高line-height 接上頁(yè)接上頁(yè)HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.6 調(diào)整行高調(diào)整行高line-height 網(wǎng)頁(yè)效果網(wǎng)頁(yè)效果HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.7 轉(zhuǎn)換英文大小寫(xiě)轉(zhuǎn)換英文大小寫(xiě)text-transfo

12、rm 基本語(yǔ)法基本語(yǔ)法text-transform：uppercase|lowercase|capitalize|noneHTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.7 轉(zhuǎn)換英文大小寫(xiě)轉(zhuǎn)換英文大小寫(xiě)text-transform 語(yǔ)法說(shuō)明語(yǔ)法說(shuō)明 可以選用text-transform屬性中的任何一個(gè)屬性值來(lái)轉(zhuǎn)換英文單詞的大小寫(xiě)。 語(yǔ)法中具體的屬性值說(shuō)明見(jiàn)表13-2。表13-2HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.7 轉(zhuǎn)換英文大小寫(xiě)轉(zhuǎn)換英文大小寫(xiě)text-transform 表13-2 text-transform屬性取值說(shuō)明返回HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.7 轉(zhuǎn)換英文大小寫(xiě)轉(zhuǎn)換英文大小寫(xiě)text-transform 實(shí)例代碼實(shí)例代碼HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.7 轉(zhuǎn)換英文大小寫(xiě)轉(zhuǎn)換英文大小寫(xiě)text-transform 接上頁(yè)接上頁(yè)HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.7 轉(zhuǎn)換英文大小寫(xiě)轉(zhuǎn)換英文大小寫(xiě)text-transform 網(wǎng)頁(yè)效果網(wǎng)頁(yè)效果HTML/CSS/JavaScript 標(biāo)準(zhǔn)教程實(shí)例版（第2版）第章1313.8 小實(shí)例