5.23日音訊,CSS初學者的“通病”和基本語法。CSS規(guī)則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
selector{declaration1;declaration2;...declarationN}
選擇器通常是您需要改變樣式的HTML元素。
每條聲明由一個屬性和一個值組成。
屬性（property）是您希望設置的樣式屬性（styleattribute）。每個屬性有一個值。屬性和值被冒號分開。
selector{property:value}
下面這行代碼的作用是將h1元素內的文字顏色定義為紅色，同時將字體大小設置為14像素。
在這個例子中，h1是選擇器，color和font-size是屬性，red和14px是值。
h1{color:red;font-size:14px;}
下面的示意圖為您展示了上面這段代碼的結構：
提示：請使用花括號來包圍聲明。
值的不同寫法和單位
除了英文單詞red，我們還可以使用十六進制的顏色值#ff0000：
p{color:#ff0000;}
為了節(jié)約字節(jié)，我們可以使用CSS的縮寫形式：
p{color:#f00;}
我們還可以通過兩種方法使用RGB值：
p{color:rgb(255,0,0);}
p{color:rgb(100%,0%,0%);}
請注意，當使用RGB百分比時，即使當值為0時也要寫百分比符號。但是在其他的情況下就不需要這么做了。比如說，當尺寸為0像素時，0之后不需要使用px單位，因為0就是0，無論單位是什么。
記得寫引號
提示：如果值為若干單詞，則要給值加引號：
p{font-family:"sansserif";}
多重聲明：
提示：如果要定義不止一個聲明，則需要用分號將每個聲明分開。下面的例子展示出如何定義一個紅色文字的居中段落。最后一條規(guī)則是不需要加分號的，因為分號在英語中是一個分隔符號，不是結束符號。然而，大多數(shù)有經驗的設計師會在每條聲明的末尾都加上分號，這么的好處是，當你從現(xiàn)有的規(guī)則中增減聲明時，會盡可能的減少出錯的可能性。就像這樣：
p{text-align:center;color:red;}
你應該在每行只描述一個屬性，這樣可以增強樣式定義的可讀性，就像這樣：
p{
text-align:center;
color:black;
font-family:arial;
}
空格和大小寫
大多數(shù)樣式表包含不止一條規(guī)則，而大多數(shù)規(guī)則包含不止一個聲明。多重聲明和空格的使用使得樣式表更容易被編輯：
body{
color:#000;
background:#fff;
margin:0;
padding:0;
font-family:Georgia,Palatino,serif;
}
是否包含空格不會影響CSS在瀏覽器的工作效果，同樣，與XHTML不同，CSS對大小寫不敏感。不過存在一個例外：如果涉及到與HTML文檔一起工作的話，class和id名稱對大小寫是敏感的。
網頁的制作中對于用div和css結構寫靜態(tài)頁目前已經很成熟，但許多新入行的朋友對于使用div和css結構還有很多誤區(qū)，這些誤區(qū)也是我曾經經歷過的并且被“老鳥”指正的地方，所以總結下來分享給大家，希望對寫網頁有所幫助。
1、用div+css結構制作靜態(tài)html網頁不等于徹底拋棄古老的table寫法。
之所以不建議用table來布局網頁是因為在網頁加載很慢的時候要等table結構加載完成才能看到網頁，其次是table的布局沒有一定的語義，網頁代碼修改起來比較麻煩。
在寫一些欄目塊時，特別是數(shù)據(jù)分類較多，比如“求購信息”的欄目塊，頂部可能出現(xiàn)“發(fā)布人、發(fā)布時間、信息標題、聯(lián)系方式”等項目，像這樣的地方建議還是要用table來寫，因為table是專門用來寫數(shù)據(jù)表格的，控制起來很方便，而且符合語義要求，還有頁面中出現(xiàn)類似excel數(shù)據(jù)的地方，也建議用table來寫。
2、div+css結構不等于通篇區(qū)域都用div包起來。
遇到一個區(qū)塊就用一個div標簽，這樣你寫完代碼后全篇都是div，失去了語義的存在價值，區(qū)塊修改起來也不容易找到，合理的利用dl、ul、ol、span、等標簽，不僅讓你的網頁看起來條理清晰，而且修改起來很方便，見名知意，比如你要修改一個新聞列表，先找到新聞列表所在的div或者dl標簽，然后再找其中的ul，修改具體內容就很容易。
3、并不是css文件一定要和html代碼分開。
之所以將css文件和html分開，是因為有些css同時為多個頁面服務，而用戶訪問時css文件可以緩存在本地，這樣下次再訪問其他頁面時就不用重復加載css，可以節(jié)約時間和流量，提高訪問速度，但是如果你的頁面有些區(qū)域的css是獨一無二的，其他頁面用不到的，就不用把css剝離出去，直接用style標簽包括在html網頁里就可以。
4、用div和css寫網頁一定要在不同類型和不同版本的瀏覽器進行測試。
建議最好是同時打開多個瀏覽器，如果說你認為你的網站訪客還沒有養(yǎng)成使用火狐、谷歌等瀏覽器的習慣，那最少也得兼容ie6、7、8幾個版本，由于軟件限制，沒有辦法在一個電腦上裝不同版本的多個瀏覽器，因此要借助版本模擬軟件，我常用的是ietest，用來測試網頁足夠了。
對于經驗不太豐富的頁面制作者來說最好是寫一個小區(qū)塊就在不同瀏覽器下看一看效果，如果出現(xiàn)問題可以及時調整代碼，不要只在一個瀏覽器里測試，一口氣寫完，那么當你在其他瀏覽器測試時發(fā)現(xiàn)網頁奇形怪狀時你就抓狂了（我曾經就這么干過）。
總結的要點暫時就這么多，剩下的就是拼寫代碼的功力了，建議新手還是不要用代碼提示類的軟件，最好是自己動手寫出完整的語句，當你寫熟練的時候你會發(fā)現(xiàn)你寫代碼的速度比用代碼提示要快的多。
