[Back To Basic] css - 文字(text)

文字(Text)

• 屬性(Property)
• 文字顏色: color
• 預設字體顏色定義在body上，如下

body {

  color: blue;

}

• 通常設定color時，background-color也須同時設定，這兩個屬性是相輔相成的
• 對齊: text-align
• 水平的文字對齊 ，left(預設) / right / center / justify

Justify: 將每行文字弄成等寬

• 裝飾: text-decoration
• 增加底線、刪除線等等的修飾符號
• 盡量不要使用底線(underline)在不是超連結的文字上，會讓使用者很困惑
• 字母大小寫設定: text-transform
• 全部大寫
• 全部小寫
• 開頭大寫
• 設定第一行的縮排: text-indent
• 字母和字母間的空白設定: letter-spacing
• 單字和單字間的空白設定: word-spacing
• 行距: line-height
• 文字方向: direction (怪怪的 感覺是靠右對齊)
• 文字陰影: text-shadow: 水平位置 垂直位置 顏色

e.g. text-shadow: 3px 2px red;