html學習(四)CSS文字的屬性使用

一、文本屬性

  在css樣式中,有許多屬性用於控制文本的格式化,例如對齊方式、行高、文本縮進字母和單詞間距等屬性。

  1. text-indent
    縮進文本,設置行的縮進大小,值可以爲正值或負值,單位可以用em、px或百分比。
  2. text-align
    水平對齊,設置文本的水平對齊方式,取值爲left、right、center、justify
  3. vertical-align
    設置文本的垂直對齊方式,取值bottom、top、middle、baseline。
  4. word-spacing
    字間距,設置字(單詞)之間的標準間隔,默認normal
  5. letter-spacing
    字母間隔,設置字符或字母之間的間隔
  6. text-transform
    字符轉換,設置文本中字母的大小寫,取值none、uppercase、lowercase、capitalize
  7. text-decoration
    文本修飾,設置段落中需要強調的文字,取值none、underline(下劃線)、overline(上劃線)、line-through(刪除線)、blink(閃爍)

二、字體屬性

  字體是字母和符號的樣式集合。雖然字體之間可能會有一定的差異,但總體特徵基本相同。

  1. color
    文本顏色,設置文本的顏色。例如red,#ff0000,rgb(0,0,0)等格式.

  2. font family
    字體類型,設置文本的字體,可以取值宋體、隸書以及Seri、Verdana等。

  3. font-style
    字體風格,設置字體樣式。取值normal正常) 、italic(斜體) oblique(傾斜),通常情況下italic和oblique文本在Web瀏覽器中看上去完全一樣

  4. font-variant
    字體變形,設定小型大寫字母。取值normal(正常)、small-caps(小型大寫字母)

  5. font-weight
    字體加粗,設置字體的粗細。取值可以是bolder(特粗體)、bold(粗體)、normal(正常) 、lighter(細體)或100~900之間的9個等級。其中900對應bolder,700對應bold,而400對應normal。有些視覺上差別不是很大,但對於搜索引擎來說可以提高當前頁面權重。

  6. font-size
    字體大小,設置文本的大小。值可以是絕對值或相對值,其中絕對值從小到大依次爲xx salx small small . medium(默認)、arge.xlarge.xx lage;單位可以是pt或em,也可以採用百分比(%)的形式。

  7. line height
    行間距,設置文本的行高。即兩行文本基線之間的距離。

  8. font
    字體簡寫,屬性的簡寫可用於一次設置元素字體的兩個或更多方面,書寫順序爲font-style、 font-variant、 font-weight 、font-size、 line-height、 font-family。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章