DHTML【6】--CSS

    從今天開始，我們迎來了一個新的面孔---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：文本對齊方式。

    下面看一個具體例子：

     <table border="10px">

      <tr><td style="font-style:normal;font-size:36px">我是normal</td>       <td style="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結合的方式有很多，也有很多友善的地方，好的，下一節見。