color:文本顏色
-
說明
定義文本的顏色,取值方式有3種:
- 預定義顏色值,如red,green,yellow,blue等。
- 十六進制,以#開頭 0~9 A B C D E F,16進制顏色代碼指定顏色的組成方式:前兩位表示紅色,中間兩位表示綠色,最後兩位表示藍色,如#FF0000,#FF6600,#29D794等。實際工作中,十六進制是最常用的定義顏色的方式。
- RGB代碼,如紅色:rgb(255,0,0)或rgb(100%,0%,0%)。
-
語法
{color:顏色值;}
-
注意
如果使用RGB時,取值爲0,不能省略百分號,必須寫成0%。
line-height:行高
-
說明
即行間距,用於設置文本行高,行與行之間的距離,即字符的垂直間距,一般稱爲行高。
常用單位有三種:像素px(常用),相對值em和百分比%。
-
語法
{line-height:normal/數值;}
-
注意
當行高等於容器高時,可實現文本在容器中垂直方向居中對齊;
當行高小於容器高時,可實現文本在容器中垂直中齊以上任意位置的定位;
當行高大於容器高時,可實現單行文本在容器中垂直中齊以下任意位置的定位。(IE6及以下版本存在瀏覽器兼容問題)
text-align:文本對其方式
水平對齊方式
{text-align:left/right/center;}
垂直對齊方式
{vertical-align:top/bottom/middle;}
text-indent:首行縮進
-
說明
用於設置首行文本的縮進。
-
語法
{text-indent:value;}
-
注意
text-indent可以取負值; text-indent屬性只對第一行起作用
text-decoration:文本的裝飾)
-
說明
通常用於給鏈接修改裝飾效果。
-
語法
text-decoration:none/underline/overline/line-through/blink
none:沒有修飾
underline:添加下劃線
overline:添加上劃線
line-through:添加刪除線
blink:閃爍
- 注意
text-transform:文本轉換
-
說明
text-transform
將變換應用於文本塊。 -
語法
{text-transform:none/capitalize/uppercase/lowercase}
uppercase: 變成全大寫
lowercase :變成全小寫
capitalize :首字母變成大寫
letter-spacing:字間距
-
說明
用於字符與字符之間的空白。屬性值可爲不同單位的數值,允許使用負值,默認爲normal。
-
語法
{letter-spacing:value;}
word-spacing:詞間距
-
說明
用於定義英文單詞之間的間距,對中文字符無效。和letter-spacing一樣,其屬性值可爲不同單位的數值,允許使用負值,默認爲normal。
-
語法
{word-spacing:value;}
-
注意
word-spacing和letter-spacing均可對英文進行設置。不同的是letter-spacing定義的爲字母之間的間距,而word-spacing定義的爲英文單詞之間的間距。