第六章：文本
第六章：文本
文本的顯示格式與式樣對于網頁設計師來說是一個重要問題。這一課將向你介紹CSS在文本布局方面令人激動的特性。本課將對下列CSS屬性進行講解：
文本縮進[text-indent]
CSS屬性text-indent用于為段落設置首行縮進，以令其具有美觀的格式。在下例中，我們為采用p元素的段落應用了30像素的首行縮進。
p {
text-indent: 30px;
}
文本對齊[text-align]
CSS屬性text-align與HTML屬性align的功能相同。該屬性的值可以是：left（左對齊）、right（右對齊）或者center（居中）。除了上面三種選擇以外，你還可以將該屬性的值設為justify（兩端對齊），即伸縮行中的文字以左右靠齊。報刊雜志經常采用這種布局。
在下例中，標題（th）中的文字被設置為右對齊，而表中數據（td） 被設置為居中。正常的文本段落被設置為兩端對齊。
th {
text-align: right;
}
td {
text-align: center;
}
p {
text-align: justify;
}
文本裝飾[text-decoration]
CSS屬性text-decoration令我們可以為文本增添不同的“裝飾”或“效果”。例如，你可以為文本增添下劃線、刪除線、上劃線等等。在接下來的例子中，我們為h1標題增添了下劃線，為h2標題增添了上劃線，為h3標題增添了刪除線。
h1 {
text-decoration: underline;
}
h2 {
text-decoration: overline;
}
h3 {
text-decoration: line-through;
}
字符間距[letter-spacing]
CSS屬性letter-spacing用于設置文本的`水平字間距。我們可以把期望的字間距寬度作為這個屬性的值。例如，假如你希望p元素里的文本段落的字間距為3個像素，而h1標?獾淖旨渚轡?b>6個像素，代碼可以這樣寫：
h1 {
letter-spacing: 6px;
}
p {
letter-spacing: 3px;
}
文本轉換[text-transform]
CSS屬性text-transform用于控制文本的大小寫。無論字母本來的大小寫，你可以通過該屬性令它首字母大寫（capitalize）、全部大寫（uppercase）或者全部小寫（lowercase）。
比如，單詞“headline”在展現給網頁瀏覽者時，可以是“HEADLINE”或者“Headline”。text-transform屬性有四個可選值：
capitalize
將每個單詞的首字母轉換為大寫。例如：“john doe”將被轉換為“John Doe”。
uppercase
所有字母都轉換為大寫。例如：“john doe”將被轉換為“JOHN DOE”。
lowercase
所有字母都轉換為小寫。例如：“JOHN DOE”將被轉換為“john doe”。
none
不作任何轉換——文本怎么寫的就怎么顯示。
來舉個例子，我們將使用一個姓名列表。所有姓名都用<li>（列表項）標簽來標記。我們希望對姓名采用首字母大寫的方式，而對標題采用全部大寫的方式。
查看過該例的HTML代碼后你會發現，其實在HTML代碼里我們寫的姓名和標題全部都是小寫。
全部大寫
h1 {
text-transform: uppercase;
}
首字母大寫
li {
text-transform: capitalize;
}
小結
在上面三課里，你已經學習了一些CSS屬性，不過還有更多需要學習。在下一課我們將對鏈接作有關介紹。
【第六章：文本】相關文章：
1.高中作文本色
3.精選優秀作文本色