CSS 總結

        自從做牛腩新聞發布系統的時候，就開始了CSS的學習。CSS這部分知識并不是孤立的，它與JavaScript，與XML，與AJAX等都有著密切的關系。在制作網頁的過程中，CSS就是充當一個化妝師的角色，它能夠讓我們制作出各式各樣的網站。

        同時，CSS的誕生，使得在開發時把網頁的主干與修飾部分分離開來，使網站的整體結構非常清晰。這種分離的思想就好比我們開發一個系統，要用分層思想去把 系統分割成多個層，它們的思想是一致的。不過，使用css與系統分層也有很大的區別，這里不做過多介紹，大家有興趣可以自己思考一下，或者課下找我討論一 下。

        下面我將分為四個部分展開本文的介紹。

一、總結圖：

二、重點知識介紹：

1、盒子模型

padding：內邊距

border：邊框

margin：外邊距

       盒子模型的難點是抽象于比較空泛的知識。網頁設計中的每個元素都是長方形的盒子，在firefox瀏覽器中，可以通過firebug很清晰的看清楚任何盒子模型的數值。

2、CSS定位固定寬度且居中版式

在設計界面的時候，我們 通常是用div將網頁內容分成塊兒，然后設置body的text-align的屬性為center，設置所有內容為居中；接著在container中固定 為某一寬度，最后再設置container的text-align屬性為left，這時，文字的對其方式應該改為左對齊。這便是固定寬度且居中的版式。

三、學習這塊兒知識的體會：

1、我們做利用div+css制作網站的時候，我們最好是找一個參照的網站，我們借鑒它的排版，及其樣式設計，將這些融入到我們想要完成的網站中來。

2、顏色搭配，長度計算不好。開始做網站，總是會遇到各種各樣的問題。盡管從整體上看，web網頁設計就分那么幾塊兒，可是正真做起來，總是有力不從心的感覺。這可比cs項目復雜。

3、由于基礎知識很多很多，記又沒法記。所以我們只能是在做的過程中慢慢去深入認識。

四、總結：

       其實，我們做開發的，CSS部分的知識，感覺上并不需要我們去太深入的掌握。因為如果我們要想做出非常好的網站，我們必須有一定的美術功底。并且，還有專門做美工的人在嘛。所以自己掌握尺寸吧。

       我對自己的要求是能夠做出來一般的網站，一般的別人寫出來的代碼能夠看懂。原則是掌握的越多越好。我們現在做的是開發，誰知道幾年后我們會不會繼續做開發，將來的事情沒有人能夠說的準，所以說還是多掌握一點知識，勝算會更大一些。

轉自：http://blog.csdn.net/liu765023051/article/details/7729985