網(wǎng)站CSS文本屬性
作者:佚名 時(shí)間:2014-03-15 分享到:
網(wǎng)站級(jí)聯(lián)樣式表可以對(duì)字體屬性和文本屬性加以區(qū)分,前者控制文本的大小、樣式和外觀(guān),而后者控制文本對(duì)齊和呈現(xiàn)給用戶(hù)的方式。
letter-spacing屬性
letter-sapcing(字間距)屬性在文本字符之間加入了額外的空格,瀏覽器在顯示文本時(shí)可以表現(xiàn)出來(lái)。設(shè)置這個(gè)屬性時(shí)可以使用長(zhǎng)度值也可以使用默認(rèn)關(guān)鍵字normal,表明瀏覽器應(yīng)該使用正常的字符間隔。例如:blockquote{letter-spacing: 2px}
在<blockquote>標(biāo)簽內(nèi)的相鄰字符之間額外加入兩個(gè)像素的單隔。使用letter-spacing屬性伸展文本。
line-height屬性
使用line-height(行間距)屬性可定義標(biāo)簽文本內(nèi)容間的最小行間距。能常情況下,瀏覽器會(huì)用單行距離來(lái)顯示文本行,也就是說(shuō)下一行的上端到上一行的下端只有幾磅的間隔。通過(guò)增加行高,便可以增加行間距。
line-height值可能是絕對(duì)或相對(duì)長(zhǎng)度、百分比、縮放系數(shù)或關(guān)鍵字normal。例如:
p{line-height: 14pt}
p{line-height: 120%}
p{line-height: 2.0}
第一個(gè)示例將文本相鄰行基線(xiàn)之間的行高設(shè)置為整14磅。第二個(gè)示例計(jì)算出行高為字體大小的120%。最后一個(gè)示例用縮放系數(shù)將行高設(shè)置為字體大小的兩倍,創(chuàng)建了雙倍行距的文本。默認(rèn)值normal一般等于1.0~1.2的縮放系數(shù)。
請(qǐng)住,line-height的絕對(duì)值和百分比值是根據(jù)font-size屬性值來(lái)計(jì)算行高的。計(jì)算出的屬性值將被子元素所繼承。隨后父元素或子元素對(duì)font-size的改變都不會(huì)影響計(jì)算出的行高。
另一方面,縮入系數(shù)將拖延到文本被實(shí)際顯示出來(lái)時(shí)才計(jì)算行高。因此,改變font-size只能局部影響line-height。總得說(shuō)來(lái),最好對(duì)line-height屬性使用縮放系數(shù),這樣當(dāng)字體大小改變時(shí)行高也會(huì)自動(dòng)改變。
盡管能常認(rèn)為與文本相關(guān)的line-height屬性是與字體屬性分離的,也可以把其值包括在font屬性的縮略符號(hào)中。
text-align屬性
文本相對(duì)頁(yè)邊的調(diào)整幾乎是所有文字處理器都具備的基本特性。text-align屬性使得HTML的任何模塊級(jí)標(biāo)簽都具有了這個(gè)能務(wù)(遵循W3C標(biāo)準(zhǔn)的人們更希望對(duì)<div>和<p>這類(lèi)的模塊級(jí)標(biāo)簽使用CSS2的text-align樣式,而不是使用顯式的align屬性)。該屬性共有4個(gè)值:left、right、center或justify。默認(rèn)值當(dāng)然是left、right、center或justify。默認(rèn)值當(dāng)然是left。例如:div{text-align:right}
這行代碼告訴能夠識(shí)別樣式的瀏覽器,向右邊界對(duì)齊<div>標(biāo)簽內(nèi)的所有文本。justify值告訴瀏覽器要把文本與左右邊界對(duì)齊,從中間拉伸字母和詞語(yǔ)可以適應(yīng)這種對(duì)齊方式。
text-decoration屬性
text-decoration(文字修飾)屬性可以產(chǎn)生文本修飾,其中有些還可以用于最早的物理樣式標(biāo)簽。它的值是下列關(guān)鍵字中的一個(gè)或多個(gè):underline、overline、line-through和blink。值none是默認(rèn)值,它告訴能識(shí)別樣式的瀏覽器要正常顯示文本。
利用text-decoration屬性定義不同鏈接的外觀(guān)十分方便。例如:
a:visited, a:link, a:active{text-decoration: underline overline}
上述代碼將在文檔中鏈接的上面和下面各加一條線(xiàn)。這種文本屬性不能繼承,而且非文本無(wú)素不會(huì)受到text-decoration屬性的影響。