css外觀屬性是什么

這篇文章將為大家詳細講解有關css外觀屬性是什么，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

　　CSS外觀屬性

　　color:文本顏色

　　color屬性用于定義文本的顏色，其取值方式有如下3種：

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

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

　　RGB代碼，如紅色可以表示為rgb(255,0,0)或rgb(100%,0%,0%)。

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

　　line-height:行間距

　　line-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就是一個漢字的寬度

　　p{line-height:25px;/*行間距*/

　　text-indent:2em;/*首行縮進*/

　　}

　　h4{

　　text-align:center;/*水平對齊*/

　　}

　　letter-spacing:字間距

　　letter-spacing屬性用于定義字間距，所謂字間距就是字符與字符之間的空白。其屬性值可為不同單位的數值，允許使用負值，默認為normal。

　　word-spacing:單詞間距

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

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

　　p{

　　letter-spacing:2px;/*字間距*/

　　}

　　p{

　　word-spacing:5px;/*單詞間距針對英文中文無效*/

　　}

　　word-break:自動換行

　　normal使用瀏覽器默認的換行規則。

　　break-all允許在單詞內換行。

　　keep-all只能在半角空格或連字符處換行。

　　顏色半透明（CSS3）

　　文字顏色到了css3我們可以采取半透明的格式了。

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

　　文字陰影（CSS3)

　　我們可以給文字添加陰影效果Shadow影子

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

　　值 描述

　　h-shadow 必需。水平陰影的位置。允許負值。

　　v-shadow 必需。垂直陰影的位置。允許負值。

　　blur 可選。模糊的距離。

　　color 可選。陰影的顏色。參閱CSS顏色值。

　　前兩項是必須寫的，后兩項可以選寫。

關于“css外觀屬性是什么”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。