從今天開始，我們迎來了一個新的面孔---CSS，二者這也是一個漂亮的面孔，爲什麼說這是一個漂亮的面孔呢？因爲CSS是做特效的，可以美化HTML頁面，我們看到淘寶網、網易首頁等網站都非常好看，那都是一些專業的設計者用CSS美化出來的，那麼這和程序員有什麼關係呢？
程序員的確不用深入的研究CSS，但是程序員要讀得懂設計者的代碼，並且能靈活運用CSS操作HTML頁面，做到和設計者完美的配合，只有合作好了，網站項目才能趨近於完美，諸葛亮很牛，但是他一個上戰場打仗也肯定失敗，就是這個道理，要合作，很好的合作。
我們已經知道CSS是美化HTML界面用的了，那麼就讓我進一步簡單的介紹介紹CSS吧。
下面我來介紹一下CSS的常用屬性，大家也可以根據我分享的CSS幫助文檔自己查閱相應屬性，一般屬性都很容易理解是什麼意思，因爲那些屬性一般都是用英語拼出來的，如果包含兩個單詞以上就用”-“符號在中間分隔。
1.文本屬性
font-size:字體大小，屬性值即爲像素，如28px。
font-family:設置字體名稱。
font-style:設置字體樣式。
color:設置文本的顏色。值爲”#”+6位十六進制的顏色值。前兩位代表Red，後兩位代表Blue，中間兩位代表Green，值越大代表相應顏色越深。
text-align：文本對齊方式。
下面看一個具體例子：
<tableborder="10px">
<tr><td style="font-style:normal;font-size:36px">我是normal</td><tdstyle="text-align:center;color:#FF0000;font-size:20px;font-family:Arial,Helvetica, sans-serif;font-style:italic">我是italic</td></tr>
<tr><tdstyle="color:#0000ff;font-size:28px;text-align:right;font-style:inherit">我是inheri</td><tdstyle="color:#00FF00;font-size:42px;font-style:oblique">我是oblique</td></tr>
</table>
2.背景屬性
background-color:設置背景顏色。
background-image:設置背景圖像。
background-repeat:設置一個指定的圖像如何被重複。有四個可取值，repeat-x,repeat,no-repeat,repeat-y;具體是什麼效果，你可以自己試試看，別人說千遍不如自己一試，沒錯，具體什麼效果，試試就知道了。
看下面的例子：
<fontstyle="background-color:#FF0000">我在北京</font><hr/>
<fontstyle="background-color:#00ff00">我在上海</font><hr/>
<fontstyle="background-color:#0000ff">我在廣州</font><hr/>
3.方框屬性
具體例子自己體驗吧，也可以查看幫助文檔，看看效果。
常用屬性就介紹到這，下一節將介紹CSS的選擇器，HTML與CSS結合的方式有很多，也有很多方便的地方，好的，下一節見。