文本顏色(color)
它可以給文本設置一個顏色,可選值有三種表達方式:
顏色名,如:red,blue
rgb值,如:rgb(255,0,0)
hex數值,如:#ff0000,這是最常用的方式。
例子:
div {color:red;}
h1 {color:#FF0000;}
文本對齊方式(text-align)
這個屬性用來設置文本的對齊方式,有四個屬性值。
left(居左,默認值)
center(居中)
right(居右)
justify(兩端對齊)
示例如下:
.webtext {text-align:right;}
文本修飾(text-decoration)
這個屬性是在文字上設置劃線的效果,有四個屬性值。
none(無劃線,默認值)
underline(下劃線)
overline(上劃線)
line-through(中劃線,即刪除線)
示例:
.line {text-decoration:line-through; /*刪除線效果*/ }
文本行高(line-height)
行高是設置段落中行與行之間的距離的,它有四個屬性值:
normal(默認值)
number(一個數字,這個數字會與當前字體尺寸相乘設置行距,即當前字體尺寸的倍數)
length(長度單位,有絕對和相對兩種,經常用到的絕對單位有pt,經常用到的相對單位有px、em、ex)
%(百分比,基于當前字體尺寸的百分比行間距。)
示例:
p.para1 {line-height:140%; /*百分比*/ }
.para2 {line-height:1.5;/*數字*/}
.para3 {line-height:20px;/*長度單位*/}
文本字間距(letter-spacing、word-spacing)
letter-spacing這個屬性用來設置字符間距,有兩個屬性值:
normal(默認值)
length(長度,和行高的定義方法相同)
word-spacing這個屬性用來設置空格間距,它的兩個值以及使用方法和letter-spacing相同。
文本縮進(text-indent)
這個屬性用來設置文本首行縮進,就是在段落的首行文字之前插入一段距離,使用它可以讓所有段落首行縮進兩個字符,擺脫了每個段落都要用空格設置首行空格的麻煩。
新聞熱點
疑難解答