一. 常用的css屬性
Background-color: 背景顏色。 快捷方式： bc+tab。
顏色的給值方式：
a.顏色單詞。 比如：red，yellow，blue等等。
b.十六進制顏色值。和UI設計師配合的時候。 比如：#00000, #FFFFFF。
c.三原色RGB。R：red紅，G：green綠，B：blue藍。 取值範圍：0~255。 Rgb(值1，值2，值3)
d.Rgba。R：red，G：green，B：blue，A：alpha透明度。 取值範圍:0~1，可以取中間的小數，0.1,0.2。 取0是全透，取1是不透。
Width：寬度。 單位：px。 快捷方式： w值+tab。
Height：高度。 單位：px。 快捷方式： h值+tab。
二. 和文字相關的css屬性
Color：文字顏色。 取值方式可以有4種。
Font-size: 字體大小。 單位：px。 默認字體大小是16px，字體大小最小可以設置爲12px。
Font-weight:； 給值方式1： 可以給100~900的值 方式2：bold，bolder。
Text-align: 文本水平對齊方式。 Left左對齊，right右對齊，center居中對齊。
Font-family: 設置文字字體。 比如：kait楷體，simhei黑體,simsun宋體。
Font-family: 值1，值2，值3….;
Text-indent: 首行縮進， 單位：px。 Em當前文字大小的倍數，2em，就是當前文字大小的2倍。
Text-decoration: 文本裝飾器。 Underline下劃線，overline上劃線,line-througn中劃線，none去掉裝飾。
Line-height: 設置文本的行高。 如果標籤元素內只有一行文本，可以通過設置line-height：元素高度（height）;來實現一行文字垂直居中的效果。
Letter-spacing: 單位：px。設置每個字或者每個字母之間的間距。
Word-spacing: 單位：px。設置單詞之間的間距，注意：單詞與單詞之間通過空格間隔。
舉個栗子：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>常用的css樣式</title>
<style type="text/css">
.example{
/*常用的樣式*/
/*1.背景顏色: background-color*/
background-color: yellow;
/*2.寬度 width 快捷方式：w值+tab*/
width: 500px;
/*3.高度 height 快捷方式：h值+tab*/
height:200px;
/*文本樣式*/
/*1.文字顏色： color*/
color: red;
/*2.文字大小*/
font-size: 30px;
/*3.文字粗細*/
font-weight: bold;
/*4.文字的水平對齊方式*/
text-align: left;
/*5.文字的字體樣式*/
font-family: kaiti;
/*6.文本縮進 2*30px 字體大小的2倍*/
text-indent: 2em;
/*7.文本裝飾*/
text-decoration: underline;
/*8.文字行高*/
line-height: 60px;
/*9.設置字母的間距*/
letter-spacing: 20px;
/*10.設置單詞之間的間距*/
word-spacing: 100px;
}
</style>
</head>
<body>
<p class="example">優秀的人總是不約而的走在一起</p>
</body>
</html>
栗子圖示：
