1. 程式人生 > 實用技巧 >CSS外觀屬性

CSS外觀屬性

color:文字顏色

color屬性用於定義文字的顏色,其取值方式有如下3種:

1.預定義的顏色值,如red,green,blue等。

2.十六進位制,如#FF0000,#FF6600,#29D794等。實際工作中,十六進位制是最常用的定義顏色的方式。

3.RGB程式碼,如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。

需要注意的是,如果使用RGB程式碼的百分比顏色值,取值為0時也不能省略百分號,必須寫為0%。

line-height:行間距

ine-height屬性用於設定行間距,就是行與行之間的距離,即字元的垂直間距,一般稱為行高。line-height常用的屬性值單位有三種,分別為畫素px,相對值em和百分比%,實際工作中使用最多的是畫素px

一般情況下,行距比字號大7.8畫素左右就可以了。

text-align:水平對齊方式

text-align屬性用於設定文字內容的水平對齊,相當於html中的align對齊屬性。其可用屬性值如下:

left:左對齊(預設值)

right:右對齊

center:居中對齊

text-indent:首行縮排

text-indent屬性用於設定首行文字的縮排,其屬性值可為不同單位的數值、em字元寬度的倍數、或相對於瀏覽器視窗寬度的百分比%,允許使用負值, 建議使用em作為設定單位。

1em 就是一個字的寬度 如果是漢字的段落, 1em 就是一個漢字的寬度

letter-spacing:字間距

letter-spacing屬性用於定義字間距,所謂字間距就是字元與字元之間的空白。其屬性值可為不同單位的數值,允許使用負值,預設為normal。

word-spacing:單詞間距

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

word-spacing和letter-spacing均可對英文進行設定。不同的是letter-spacing定義的為字母之間的間距,而word-spacing定義的為英文單詞之間的間距。

顏色半透明(css3)

文字顏色到了CSS3我們可以採取半透明的格式了語法格式如下:

  color: rgba(r,g,b,a) a 是alpha  透明的意思  取值範圍 0~1之間  color: rgba(0,0,0,0.3) 

文字陰影(CSS3)

Shadow 影子

text-shadow:水平位置 垂直位置 模糊距離 陰影顏色;