一、文本屬性
在css樣式中,有許多屬性用於控制文本的格式化,例如對齊方式、行高、文本縮進字母和單詞間距等屬性。
- text-indent
縮進文本,設置行的縮進大小,值可以爲正值或負值,單位可以用em、px或百分比。 - text-align
水平對齊,設置文本的水平對齊方式,取值爲left、right、center、justify - vertical-align
設置文本的垂直對齊方式,取值bottom、top、middle、baseline。 - word-spacing
字間距,設置字(單詞)之間的標準間隔,默認normal - letter-spacing
字母間隔,設置字符或字母之間的間隔 - text-transform
字符轉換,設置文本中字母的大小寫,取值none、uppercase、lowercase、capitalize - text-decoration
文本修飾,設置段落中需要強調的文字,取值none、underline(下劃線)、overline(上劃線)、line-through(刪除線)、blink(閃爍)
二、字體屬性
字體是字母和符號的樣式集合。雖然字體之間可能會有一定的差異,但總體特徵基本相同。
-
color
文本顏色,設置文本的顏色。例如red,#ff0000,rgb(0,0,0)等格式. -
font family
字體類型,設置文本的字體,可以取值宋體、隸書以及Seri、Verdana等。 -
font-style
字體風格,設置字體樣式。取值normal正常) 、italic(斜體) oblique(傾斜),通常情況下italic和oblique文本在Web瀏覽器中看上去完全一樣 -
font-variant
字體變形,設定小型大寫字母。取值normal(正常)、small-caps(小型大寫字母) -
font-weight
字體加粗,設置字體的粗細。取值可以是bolder(特粗體)、bold(粗體)、normal(正常) 、lighter(細體)或100~900之間的9個等級。其中900對應bolder,700對應bold,而400對應normal。有些視覺上差別不是很大,但對於搜索引擎來說可以提高當前頁面權重。 -
font-size
字體大小,設置文本的大小。值可以是絕對值或相對值,其中絕對值從小到大依次爲xx salx small small . medium(默認)、arge.xlarge.xx lage;單位可以是pt或em,也可以採用百分比(%)的形式。 -
line height
行間距,設置文本的行高。即兩行文本基線之間的距離。 -
font
字體簡寫,屬性的簡寫可用於一次設置元素字體的兩個或更多方面,書寫順序爲font-style、 font-variant、 font-weight 、font-size、 line-height、 font-family。