日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

【示例】使用 text-decoration 屬性為文本添加裝飾：

    


        
無裝飾文字
        
帶下劃線文字
        
帶上劃線文字
        
帶貫穿線文字

運(yùn)行結(jié)果如下圖所示：

3. text-transform

text-transform 屬性用來控制文本中英文字母的大小寫，通過該屬性您可以在不修改原文的基礎(chǔ)上，將文本中的英文統(tǒng)一更改為小寫字母、大寫字母或者首字母大寫的形式。

text-transform 屬性的可選值如下：

【示例】使用 text-transform 定義文本中英文的大小寫：

    


    
原文： text-transform  轉(zhuǎn)換后：text-transform
    
原文： text-transform  轉(zhuǎn)換后：text-transform
    
原文： TEXT-TRANSFROM  轉(zhuǎn)換后：text-transform
    
原文： text-transform  轉(zhuǎn)換后：text-transform

運(yùn)行結(jié)果如下圖所示：

4. text-indent

text-indent 屬性用來為元素中的文本添加首行縮進(jìn)的效果，屬性的可選值如下：

提示：不論是使用具體的值還是使用百分比的形式，都可以設(shè)置為負(fù)值，但這么做可能會造成文本內(nèi)容溢出元素區(qū)域。

【示例】使用 text-indent 為文本添加首行縮進(jìn)效果：

    
text-indent 屬性用來為元素中的文本添加首行縮進(jìn)的效果，至于是從左側(cè)還是從右側(cè)縮進(jìn)則取決于 direction 屬性定義的文本方向。

運(yùn)行結(jié)果如下圖所示：

注意：文本是從左側(cè)還是從右側(cè)縮進(jìn)取決于 direction 屬性定義的文本方向。

5. line-height

line-height 屬性用來設(shè)置文本的行高，屬性的可選值如下：

【示例】使用 line-height 為文本設(shè)置行高：

    


    

        這是默認(rèn)的標(biāo)準(zhǔn)行高

        這是默認(rèn)的標(biāo)準(zhǔn)行高

        這是默認(rèn)的標(biāo)準(zhǔn)行高

    
    

        使用數(shù)字定義一個較小的行高

        使用數(shù)字定義一個較小的行高

        使用數(shù)字定義一個較小的行高

    
    

        使用百分比的形式定義一個較大的行高

        使用百分比的形式定義一個較大的行高

        使用百分比的形式定義一個較大的行高

    

運(yùn)行結(jié)果如下圖所示：

6. letter-spacing

letter-spacing 屬性用來設(shè)置字符之間的間距，屬性的可選值如下：

【示例】使用 letter-spacing 屬性設(shè)置字符之間的間距：

    


    

        letter-spacing 屬性用來設(shè)置字符之間的間距

        letter-spacing 屬性用來設(shè)置字符之間的間距

        letter-spacing 屬性用來設(shè)置字符之間的間距

    

運(yùn)行結(jié)果如下圖所示：

7. word-spacing

word-spacing 屬性用來設(shè)置單詞與單詞之間的間距，但對中文無效，屬性的可選值如下：

【示例】使用 word-spacing 屬性設(shè)置字符之間的間距：

    


    

        word-spacing 屬性用來設(shè)置單詞與單詞之間的間距，但對中文無效

        word-spacing 屬性用來設(shè)置單詞與單詞之間的間距，但對中文無效

        word-spacing 屬性用來設(shè)置單詞與單詞之間的間距，但對中文無效

    

運(yùn)行結(jié)果如下圖所示：

8. text-shadow 

text-shadow 屬性用來為文本添加陰影及模糊效果，屬性的語法格式如下：

text-shadow: h-shadow v-shadow blur color;

語法說明如下：

• h-shadow：必填值，設(shè)置陰影的水平位置，允許為負(fù)值；
• v-shadow：必填值，設(shè)置陰影的垂直位置，允許為負(fù)值；
• blur：可選值，設(shè)置模糊的距離；
• color：可選值，設(shè)置陰影的顏色。

注意：text-shadow 屬性可以設(shè)置一個或多個陰影效果，只需要將每組的值使用逗號,分隔即可（類似于 background 屬性的用法）。

【示例】使用 text-shadow 屬性為文本設(shè)置陰影效果：

    


    
text-shadow 屬性可以為文本添加陰影和模糊效果

運(yùn)行結(jié)果如下圖所示：

9. vertical-align

vertical-align 屬性用來定義元素內(nèi)文本的垂直對齊方式，屬性的可選值如下：

上表中提到了基線、底線、頂線、中線等概念，它們到底指什么呢？

• 頂線：中文漢字的上邊沿；
• 中線：貫穿小寫英文字母 x 中間的線；
• 基線：小寫英文字母 x 的下邊沿；
• 底線：中文漢字的下邊沿；
• 內(nèi)容區(qū)：指底線與頂線包裹的區(qū)域；
• 行高：包括內(nèi)容區(qū)與以內(nèi)容區(qū)為基礎(chǔ)對稱拓展的空白區(qū)域，我們稱之為行高，也可以認(rèn)為是相鄰文本行基線間的距離；
• 行距：指相鄰文本行間上一個文本行底線和下一文本行頂線之間的距離；
• 行內(nèi)框：是一個瀏覽器渲染模型中的概念，無法顯示出來，但是它又確實(shí)存在，它的高度與行高相同；
• 行框：同行內(nèi)框類似的概念，行框是指本行的一個虛擬的矩形框，也是瀏覽器渲染模式中的一個概念。行框高度等于本行內(nèi)所有元素中行內(nèi)框最大的值（以行高值最大的行內(nèi)框?yàn)榛鶞?zhǔn)，其他行內(nèi)框采用自己的對齊方式向基準(zhǔn)對齊，最終計(jì)算行框的高度）。

【示例】使用 vertical-align 屬性為元素設(shè)置垂直對齊方式：

    


    
vertical-align 屬性用來定義元素內(nèi)文本的垂直對齊方式
    
vertical-align 屬性用來定義元素內(nèi)文本的垂直對齊方式

運(yùn)行結(jié)果如下圖所示：

10. white-space

white-space 屬性用來設(shè)置如何處理元素內(nèi)的空白，屬性的可選值如下：

標(biāo)簽的效果

【示例】使用 white-space 屬性來處理元素內(nèi)的空白：

    


    

        white-space 屬性用來設(shè)置如何處理元素內(nèi)的空白                         
        white-space 屬性用來設(shè)置如何處理元素內(nèi)的空白
    

運(yùn)行結(jié)果如下圖所示：

11. direction

direction 屬性用來設(shè)置文本的方向，屬性的可選值如下：

【示例】使用 direction 屬性來設(shè)置文本的方向：

    


    
direction 屬性用來設(shè)置文本的方向
    
direction 屬性用來設(shè)置文本的方向

運(yùn)行結(jié)果如下圖所示：