1. 程式人生 > 實用技巧 >CSS——文字屬性

CSS——文字屬性

CSS Text(文字)屬性可定義文字的外觀,比如文字的顏色、對齊文字、裝飾文字、文字縮排、行間距等。

  1. 文字顏色
    color 屬性用於定義文字的顏色。
    div{color:red;}

    開發中最常用的是十六進位制.
  2. 對齊文字
    text-align 屬性用於設定元素內文字內容的水平對齊方式。
    div{text-align:center;}
  3. 裝飾文字
    text-decoration屬性規定新增而文字修飾。
    div{text-decoration:nome;}
    | 屬性 | 描述 |
    | none | 預設沒有裝飾,最常用的 |
    | underline | 下劃線。a連結自帶下劃線 |
    | overline | 下劃線。不常用 |
    | line-through | 刪除線。不常用 |
    重點記住如何新增下劃線 ? 如何刪除下劃線 ? 其餘瞭解即可
  4. 文字縮排
    text-indent屬性用來定義文字的第一行縮排,通常用作段落縮排。
    div{text-indent:10px;}
    div{text-indent:2rem;}
    em 是一個相對單位,就是當前元素(font-size) 1 個文字的大小, 如果當前元素沒有設定大小,則會按照父元素的 1 個文字大小。
  5. 行間距
    line-height 屬性用於設定行間的距離(行高)。可以控制文字行與行之間的距離.
    p{line-height:26px;}

    文字屬性總結