在CSS3中,文本樣式屬性得到了更強(qiáng)的支持。以下是一些可以用來(lái)控制文本樣式的CSS屬性:
文字顏色:color 字體大?。篺ont-size 字體類型:font-family 字體粗細(xì):font-weight 字體樣式:font-style 字間距:letter-spacing 行高:line-height 文本裝飾:text-decoration 文本縮進(jìn):text-indent 文本對(duì)齊:text-align 文本轉(zhuǎn)換:text-transform
其中,color屬性用來(lái)控制文字顏色:
p { color: red; }
上面這個(gè)例子將段落的文字顏色設(shè)置為紅色。
font-size屬性用來(lái)控制字體大?。?/p>
p { font-size: 18px; }
上面這個(gè)例子將段落字體大小設(shè)置為18像素。
font-family屬性用來(lái)控制字體類型:
p { font-family: Arial, Helvetica, sans-serif; }
上面這個(gè)例子將段落字體類型設(shè)置為Arial、Helvetica或sans-serif。
font-weight屬性用來(lái)控制字體粗細(xì):
p { font-weight: bold; }
上面這個(gè)例子將段落字體設(shè)置為粗體。
font-style屬性用來(lái)控制字體樣式:
p { font-style: italic; }
上面這個(gè)例子將段落字體設(shè)置為斜體。
letter-spacing屬性用來(lái)控制字間距:
p { letter-spacing: 1px; }
上面這個(gè)例子將段落字體間距增加1像素。
line-height屬性用來(lái)控制行高:
p { line-height: 1.5; }
上面這個(gè)例子將段落行高設(shè)置為1.5倍字體大小。
text-decoration屬性用來(lái)控制文本裝飾:
p { text-decoration: underline; }
上面這個(gè)例子將段落下劃線。
text-indent屬性用來(lái)控制文本縮進(jìn):
p { text-indent: 2em; }
上面這個(gè)例子將段落首行縮進(jìn)2個(gè)字母距離。
最后,text-align屬性用來(lái)控制文本對(duì)齊方式:
p { text-align: center; }
上面這個(gè)例子將段落水平居中對(duì)齊。
以上這些CSS文本樣式屬性可以用來(lái)控制文本的外觀和風(fēng)格,有助于讓頁(yè)面更加美觀和易于閱讀。