CSS文本屬性用于定義文字,空格,單詞,段落的表現等.
通常使用letter-spacing屬性控制字母之間的距離,word-spacing屬性控制文字間空格的距離,text-decoration屬性定義文本是否有下劃線,text-transform屬性控制英文的大小寫,text-align屬性定義文本的對齊方式,text-indent屬性定義文本首行的縮進,white-space屬性定義文本與文檔源代碼的關系.
第一節: CSS text-decoration 屬性
text-decoration -- 定義文本是否有劃線以及劃線的方式
取值:none | [ underline || overline || line-through || blink ] | inherit
none: 定義正常顯示的文本
[underline || overline || line-through || blink]: 四個值中的一個或多個
underline: 定義有下劃線的文本
overline: 定義有上劃線的文本
line-through: 定義直線穿過文本
blink: 定義閃爍的文本
示例
p#underline
{
text-decoration:underline;
}
p#overline
{
text-decoration:overline;
}
p#line-through
{
text-decoration:line-through;
}
p#blink
{
text-decoration:blink;
}
p#underover
{
text-decoration:underline overline;
}
p#underoverthroughblink
{
text-decoration:underline overline line-through blink;
}
第二節: CSS white-space 屬性
white-space -- 通過HTML文檔的源代碼的排版方式控制頁面顯示文本的排版方式
取值: normal | pre | nowrap | pre-wrap | pre-line | inherit
normal: 正常無變化(默認處理方式.文本自動處理換行.假如抵達容器邊界內容會轉到下一行)
pre: 保持HTML源代碼的空格與換行,等同與pre標簽
nowrap: 強制文本在一行,除非遇到br換行標簽
pre-wrap: 同pre屬性,但是遇到超出容器范圍的時候會自動換行
pre-line: 同pre屬性,但是遇到連續空格會被看作一個空格
inherit: 繼承
示例
p#pre
{
white-space:pre;
}