《文本的精細(xì)排版》PPT課件.ppt

實(shí)例版 第13章文本的精細(xì)排版 13 1調(diào)整字符間距 letter 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)換英文大小寫 text transform13 8小實(shí)例 綜合應(yīng)用文本屬性13 9習(xí)題 13 1調(diào)整字符間距 letter spacing letter spacing normal 長度 基本語法 13 1調(diào)整字符間距 letter spacing 語法說明 normal表示間距正常顯示 是默認(rèn)設(shè)置 長度包括長度值和長度單位 長度值可以使用負(fù)數(shù) 長度單位可以使用12 2節(jié)講解 設(shè)置字體 時(shí)介紹的所有單位 13 1調(diào)整字符間距 letter spacing 實(shí)例代碼 13 1調(diào)整字符間距 letter spacing 接上頁 13 1調(diào)整字符間距 letter spacing 網(wǎng)頁效果 13 2調(diào)整單詞間距 word spacing 基本語法 word spacing normal 長度 13 2調(diào)整單詞間距 word spacing 語法說明 normal表示間距正常 是默認(rèn)設(shè)置 長度包括長度值和長度單位 長度值可以使用負(fù)數(shù) 長度單位可以使用12 2節(jié)講解 設(shè)置字體 時(shí)介紹的所有單位 13 2調(diào)整單詞間距 word spacing 實(shí)例代碼 13 2調(diào)整單詞間距 word spacing 接上頁 13 2調(diào)整單詞間距 word spacing 網(wǎng)頁效果 13 3添加文字修飾 text decoration 基本語法 text decoration underline oveline line through blink none 13 3添加文字修飾 text decoration 語法說明 語法中的屬性值可以是上面所列的一個(gè)或多個(gè) 具體語法中text decoration屬性的取值說明見表13 1 表13 1 13 3添加文字修飾 text decoration 表13 1text decoration屬性取值說明 返回 13 3添加文字修飾 text decoration 實(shí)例代碼 13 3添加文字修飾 text decoration 接上頁 13 3添加文字修飾 text decoration 網(wǎng)頁效果 13 4設(shè)置文本排列方式 text align 基本語法 Text align left right center justify 13 4設(shè)置文本排列方式 text align 語法說明 該語法中的4個(gè)屬性值可以任意選擇其中一個(gè) 其中 left代表左對(duì)齊方式 right代表右對(duì)齊方式 center代表居中對(duì)齊方式 justify代表兩端對(duì)齊方式 該屬性可應(yīng)用于HTML中的任何模塊級(jí)標(biāo)記 如 等 13 4設(shè)置文本排列方式 text align 實(shí)例代碼 13 4設(shè)置文本排列方式 text align 接上頁 13 4設(shè)置文本排列方式 text align 網(wǎng)頁效果 13 5設(shè)置段落縮進(jìn) text indent 基本語法 text indent 長度 百分比 13 5設(shè)置段落縮進(jìn) text indent 語法說明 長度包括長度值和長度單位 長度單位同樣可以使用之前提到的所有單位 百分比則是相對(duì)上一級(jí)元素的寬度而定的 13 5設(shè)置段落縮進(jìn) text indent 實(shí)例代碼 13 5設(shè)置段落縮進(jìn) text indent 接上頁 13 5設(shè)置段落縮進(jìn) text indent 網(wǎng)頁效果 13 6調(diào)整行高 line height 基本語法 Line height normal 數(shù)字 長度 百分比 13 6調(diào)整行高 line height 語法說明 normal為瀏覽器默認(rèn)的行高 一般由字體大小屬性來決定 數(shù)字 表示行高為該元素字體大小與該數(shù)字相乘的結(jié)果 長度 表示行高由長度值和長度單位確定 百分比 表示行高是該元素字體大小的百分比 13 6調(diào)整行高 line height 實(shí)例代碼 13 6調(diào)整行高 line height 接上頁 13 6調(diào)整行高 line height 網(wǎng)頁效果 13 7轉(zhuǎn)換英文大小寫 text transform 基本語法 text transform uppercase lowercase capitalize none 13 7轉(zhuǎn)換英文大小寫 text transform 語法說明 可以選用text transform屬性中的任何一個(gè)屬性值來轉(zhuǎn)換英文單詞的大小寫 語法中具體的屬性值說明見表13 2 表13 2 13 7轉(zhuǎn)換英文大小寫 text transform 表13 2text transform屬性取值說明 返回 13 7轉(zhuǎn)換英文大小寫 text transform 實(shí)例代碼 13 7轉(zhuǎn)換英文大小寫 text tr