CSS外觀樣式屬性

color:文本顏色

  • 說明

    定義文本的顏色,取值方式有3種:

    1. 預定義顏色值,如red,green,yellow,blue等。
    2. 十六進制,以#開頭 0~9 A B C D E F,16進制顏色代碼指定顏色的組成方式:前兩位表示紅色,中間兩位表示綠色,最後兩位表示藍色,如#FF0000,#FF6600,#29D794等。實際工作中,十六進制是最常用的定義顏色的方式。
    3. RGB代碼,如紅色:rgb(255,0,0)或rgb(100%,0%,0%)。
  • 語法

    {color:顏色值;}
  • 注意

    如果使用RGB時,取值爲0,不能省略百分號,必須寫成0%。

line-height:行高

  • 說明

    即行間距,用於設置文本行高,行與行之間的距離,即字符的垂直間距,一般稱爲行高。

    常用單位有三種:像素px(常用),相對值em和百分比%。

  • 語法

    {line-height:normal/數值;}
  • 注意

    當行高等於容器高時,可實現文本在容器中垂直方向居中對齊;

    當行高小於容器高時,可實現文本在容器中垂直中齊以上任意位置的定位;

    當行高大於容器高時,可實現單行文本在容器中垂直中齊以下任意位置的定位。(IE6及以下版本存在瀏覽器兼容問題)

text-align:文本對其方式

水平對齊方式

{text-align:left/right/center;}

垂直對齊方式

{vertical-align:top/bottom/middle;}

text-indent:首行縮進

  • 說明

    用於設置首行文本的縮進。

  • 語法

    {text-indent:value;}
  • 注意

    text-indent可以取負值; text-indent屬性只對第一行起作用

text-decoration:文本的裝飾)

  • 說明

    通常用於給鏈接修改裝飾效果。

  • 語法

    text-decoration:none/underline/overline/line-through/blink

    none:沒有修飾

    underline:添加下劃線

    overline:添加上劃線

    line-through:添加刪除線

    blink:閃爍

  • 注意

text-transform:文本轉換

  • 說明

    text-transform將變換應用於文本塊。

  • 語法

    {text-transform:none/capitalize/uppercase/lowercase}

    uppercase: 變成全大寫
    lowercase :變成全小寫
    capitalize :首字母變成大寫

letter-spacing:字間距

  • 說明

    用於字符與字符之間的空白。屬性值可爲不同單位的數值,允許使用負值,默認爲normal。

  • 語法

    {letter-spacing:value;}

word-spacing:詞間距

  • 說明

    用於定義英文單詞之間的間距,對中文字符無效。和letter-spacing一樣,其屬性值可爲不同單位的數值,允許使用負值,默認爲normal。

  • 語法

    {word-spacing:value;}
  • 注意

    word-spacing和letter-spacing均可對英文進行設置。不同的是letter-spacing定義的爲字母之間的間距,而word-spacing定義的爲英文單詞之間的間距。CSS外觀樣式屬性

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