本文目錄導(dǎo)讀:
CSS文本屬性設(shè)置詳解
文本顏色(color)
在CSS中,我們可以使用color屬性來(lái)設(shè)置文本的顏色,要將文本顏色設(shè)置為紅色,可以這樣寫(xiě):
p { color: red; }
p代表選擇器,可以是任何有效的CSS選擇器,這條規(guī)則表示將所選元素的文本顏色設(shè)置為紅色。
文本對(duì)齊方式(text-align)
CSS中的text-align屬性用于設(shè)置文本的水平對(duì)齊方式,要將文本居中對(duì)齊,可以這樣寫(xiě):
div { text-align: center; }
這條規(guī)則表示將div元素內(nèi)的文本設(shè)置為居中對(duì)齊。
三、文本裝飾(text-decoration)
text-decoration屬性用于設(shè)置文本的裝飾效果,如下劃線(xiàn)、刪除線(xiàn)等,要為文本添加下劃線(xiàn),可以這樣寫(xiě):
a { text-decoration: underline; }
這條規(guī)則表示為a元素(通常是鏈接)添加下劃線(xiàn)。
文本轉(zhuǎn)換(text-transform)
text-transform屬性用于控制文本的大小寫(xiě),要將文本全部轉(zhuǎn)換為大寫(xiě),可以這樣寫(xiě):
h1 { text-transform: uppercase; }
這條規(guī)則表示將h1元素的文本轉(zhuǎn)換為大寫(xiě)。
文本縮進(jìn)(text-indent)
text-indent屬性用于設(shè)置文本的首行縮進(jìn),要為段落設(shè)置首行縮進(jìn),可以這樣寫(xiě):
p { text-indent: 2em; }
這條規(guī)則表示將段落的首行縮進(jìn)兩個(gè)字符的位置。
字體(font)
在CSS中,我們還可以使用font屬性來(lái)一次性設(shè)置多個(gè)文本相關(guān)的屬性,如字體類(lèi)型、大小、粗細(xì)等。
body { font: 16px/1.5 Helvetica, sans-serif; }
這條規(guī)則設(shè)置了body元素的字體大小為16像素,行高為1.5倍字體大小,字體類(lèi)型為Helvetica或sans-serif。