css的作用
有一次找工作面試，很直接的那個面試官就問了我“CSS的作用是什么？”我當時回答也很搞笑，就說了句，“現在做網站離不開CSS，這個就像魚離不開水一樣”。可能覺得說得也沒錯。但深層次的想，確實沒有回答人家的問題。
記得在很久以前，久得我都記不清楚了。那時我剛接觸做網頁的時候，要讓頁面中的某個段落加粗一下，就要添加一個HTML標簽并加上相應的屬性。要讓某個段落對齊，我會在dreamweaver的設計器里打一大堆空格，然后代碼里會產生一大堆的  （不好意思，我當時根本不知道）。每次要修改都要經歷這樣一個過程，光不談HTML代碼的臃腫不說，維護起來更是一個讓人崩潰的事。
還好不久CSS就出現了，在這兒要感謝那些前輩們。通過他們的努力上面的問題得到了很好的解決。拋開各個瀏覽器對CSS解析的不同不說，最起碼CSS讓頁面不再那么難維護了。

我認為CSS的出現具有以下幾個重要作用：
修飾頁面的元素時，避免了對HTML元素的改動（也就是現在流行的一個概念：“語義化”結構與表現分享了）
每個瀏覽器對HTML的解析都不同。HTML原來設計的時候定位于定義文檔的內容，通過使用<p>,<table>,<b>各類標簽，所要表達的初衷是“段落”、“表格”之類的信息。但隨著各大瀏覽器的出現，也逐漸將新的HTML標簽和屬性到HTML規范中，以至于使得創建一個合理的語義化的頁面結構變得困難許多。
通過使用CSS樣式，可以定義字體、顏色，那么就可以讓這些原本不需要的表現形式的標記消失，使合理的語義化標記處于更好的位置，更好的發揮標記的作用。

使我們能夠更輕松的控制頁面結構和布局
網站重構隨著這個概念的出現，也帶來了DIV結構的流行，因此也就出現了我們現在口頭常說的“DIV+CSS做網站”。單從這個DIV+CSS的叫法來分析，可以了解到CSS已經被大家用在了頁面布局上了。
但一個頁面不是只有控制DIV就控制了全面，還有很多其它的HTML標記，以前用table布局的頁面，一樣可以用CSS來控制它。

最根本的也是我們開發人員關心的，提高開發和維護的效率
一個網站，如果有很多相同的結構的文件需要修改，涉及到的工作量是巨大的，但如果通過改CSS來實現頁面的靈活變換，只需要修改某個樣式就可以上，效率上大大提升。

CSS的基本結構:selector{property:value;}
CSS的語法結構由兩部分組成即：選擇器和規則。規則也就是花括號中包含的內容。
選擇符（selector）:主要是告訴瀏覽器這個樣式是用于頁面中的哪些對象的，這個對象可以是HTML中的某個標記，也可以是指定的Class或ID。這個后面會詳細的說。