css常用文字屬性

CSS 文字屬性（Text）

屬性	描述	CSS
color	設定文字的顏色。	1
direction	規定文字的方向 / 書寫方向。	2
letter-spacing	設定字元間距。	1
line-height	設定行高。	1
text-align	規定文字的水平對齊方式。	1
text-decoration	規定新增到文字的裝飾效果。	1
text-indent	規定文字塊首行的縮排。	1
text-shadow	規定新增到文字的陰影效果。	2
text-transform	控制文字的大小寫。	1
unicode-bidi	設定文字方向。	2
white-space	規定如何處理元素中的空白。	1
word-spacing	設定單詞間距。	1
hanging-punctuation	規定標點字元是否位於線框之外。	3
punctuation-trim	規定是否對標點字元進行修剪。	3
text-align-last	設定如何對齊最後一行或緊挨著強制換行符之前的行。	3
text-emphasis	向元素的文字應用重點標記以及重點標記的前景色。	3
text-justify	規定當 text-align 設定為 “justify” 時所使用的對齊方法。	3
text-outline	規定文字的輪廓。	3
text-overflow	規定當文字溢位包含元素時發生的事情。	3
text-shadow	向文字新增陰影。	3
text-wrap	規定文字的換行規則。	3
word-break	規定非中日韓文字的換行規則。	3
word-wrap	允許對長的不可分割的單詞進行分割並換行到下一行。	3

文字裝飾屬性（text-decoration 屬性）

格式：text-decoration: underline;

可能的值

值	描述
none	預設。定義標準的文字。
underline	定義文字下的一條線。
overline	定義文字上的一條線。
line-through	定義穿過文字下的一條線。
blink	定義閃爍的文字。
inherit	規定應該從父元素繼承 text-decoration 屬性的值。

none屬性值用處，我們預設的連結下邊都有一個下劃線，如果我們不想要就可以讓a標籤設定none.

a{
    text-decoration: none;
}

快捷鍵就是單詞首字母+table鍵

文字水平對齊屬性（text-align 屬性）

格式：text-align:center;

可能的值

值	描述
left	把文字排列到左邊。預設值：由瀏覽器決定。
right	把文字排列到右邊。
center	把文字排列到中間。
justify	實現兩端對齊文字效果。
inherit	規定應該從父元素繼承 text-align 屬性的值。

ta +table鍵預設 text-align:left;

文字縮排屬性（text-indent 屬性）

規定文字塊中首行文字的縮排。

格式： text-indent:50px;

可能值

2em: 縮排兩個文字的寬度

2cm: 縮排兩釐米的距離

2px: 縮排兩個畫素

20%： 縮排20%的寬度

快捷鍵 ti+table

字母間隔屬性（letter-spacing 屬性）

格式： 增加或減少字元間的空白（字元間距）。

letter-spacing:2px

字元轉換屬性（text-transform 屬性）

控制文字的大小寫。格式：

h1 {text-transform:uppercase}
h2 {text-transform:capitalize}
p {text-transform:lowercase}

可能的值

值	描述
none	預設。定義帶有小寫字母和大寫字母的標準的文字。
capitalize	文字中的每個單詞以大寫字母開頭。
uppercase	定義僅有大寫字母。
lowercase	定義無大寫字母，僅有小寫字母。
inherit	規定應該從父元素繼承 text-transform 屬性的值。