[TOC] # 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我們可以采取半透明的格式了語法格式如下： ~~~css color: rgba(r,g,b,a) a 是alpha 透明的意思 取值范圍 0~1之間 color: rgba(0,0,0,0.3) ~~~ ## 文字陰影(CSS3) 以后我們可以給我們的文字添加陰影效果了 Shadow 影子 ~~~css text-shadow:水平位置 垂直位置 模糊距離 陰影顏色; ~~~  1. 前兩項是必須寫的。 后兩項可以選寫。