CSS 教程
CSS Text(文本)
文本格式
This text is styled with some of the text formatting properties. The heading uses the text-align, text-transform, and color properties. The paragraph is indented, aligned, and the space between characters is specified. The underline is removed from the "運(yùn)行代碼" link.
文本顏色
顏色屬性被用來(lái)設(shè)置文字的顏色。
顏色是通過(guò)CSS最經(jīng)常的指定：
- 十六進(jìn)制值 - 如: ＃FF0000
- 一個(gè)RGB值 - 如: RGB(255,0,0)
- 顏色的名稱(chēng) - 如: red
參閱 CSS 顏色值 查看完整的顏色值。
一個(gè)網(wǎng)頁(yè)的背景顏色是指在主體內(nèi)的選擇：
對(duì)于W3C標(biāo)準(zhǔn)的CSS：如果你定義了顏色屬性，你還必須定義背景色屬性。
文本的對(duì)齊方式
文本排列屬性是用來(lái)設(shè)置文本的水平對(duì)齊方式。
文本可居中或?qū)R到左或右,兩端對(duì)齊.
當(dāng)text-align設(shè)置為"justify"，每一行被展開(kāi)為寬度相等，左，右外邊距是對(duì)齊（如雜志和報(bào)紙）。
文本修飾
text-decoration 屬性用來(lái)設(shè)置或刪除文本的裝飾。
從設(shè)計(jì)的角度看 text-decoration屬性主要是用來(lái)刪除鏈接的下劃線：
也可以這樣裝飾文字：
實(shí)例
運(yùn)行代碼 ?
我們不建議強(qiáng)調(diào)指出不是鏈接的文本，因?yàn)檫@常?；煜脩?。
文本轉(zhuǎn)換
文本轉(zhuǎn)換屬性是用來(lái)指定在一個(gè)文本中的大寫(xiě)和小寫(xiě)字母。
可用于所有字句變成大寫(xiě)或小寫(xiě)字母，或每個(gè)單詞的首字母大寫(xiě)。
實(shí)例
運(yùn)行代碼 ?
文本縮進(jìn)
文本縮進(jìn)屬性是用來(lái)指定文本的第一行的縮進(jìn)。
更多實(shí)例
指定字符之間的空間
這個(gè)例子演示了如何增加或減少字符之間的空間。
指定行與行之間的空間
這個(gè)例子演示了如何指定在一個(gè)段落中行之間的空間
設(shè)置元素的文本方向
這個(gè)例子演示了如何改變?cè)氐奈谋痉较颉?/p>
增加單詞之間的空白空間
這個(gè)例子演示了如何增加一個(gè)段落中的單詞之間的空白空間。
在元素內(nèi)禁用文字環(huán)繞
這個(gè)例子演示了如何禁用一個(gè)元素內(nèi)的文字環(huán)繞。
垂直對(duì)齊圖像
這個(gè)例子演示了如何設(shè)置文本的垂直對(duì)齊圖像。
添加文本陰影
這個(gè)例子演示了如何設(shè)置文本陰影。
所有CSS文本屬性。
| 屬性 | 描述 |
|---|---|
| color | 設(shè)置文本顏色 |
| direction | 設(shè)置文本方向。 |
| letter-spacing | 設(shè)置字符間距 |
| line-height | 設(shè)置行高 |
| text-align | 對(duì)齊元素中的文本 |
| text-decoration | 向文本添加修飾 |
| text-indent | 縮進(jìn)元素中文本的首行 |
| text-shadow | 設(shè)置文本陰影 |
| text-transform | 控制元素中的字母 |
| unicode-bidi | 設(shè)置或返回文本是否被重寫(xiě)? |
| vertical-align | 設(shè)置元素的垂直對(duì)齊 |
| white-space | 設(shè)置元素中空白的處理方式 |
| word-spacing | 設(shè)置字間距 |