（一）CSS統籌
1.給html文檔加標題
a.<meta charset="utf-8" />
b.<meta name="keywords" content="關鍵字1，關鍵字2，關鍵字3..." />
c.<meta name="description" content="對文檔內容的描述信息...." />
d.<meta name="author" content="作者名稱" />
3.超鏈接
a.儘可能給純文本加超鏈接
b.最好不要給flash加超鏈接
c.儘可能少給圖片加超鏈接（不要太絕對）
d.在使用超鏈接時，要加上title屬性，作用是告訴瀏覽者超鏈接的指向
4.設置圖片時一定要加alt屬性，圖片無法正常加載的原因
a.網速慢
b.圖片路徑錯誤
5.友情鏈接的設置可以通過友情鏈接來提升自己和他人的PR值，但是不要盲目設置，鏈接時要鏈接同類型的網站
6.避免大體積頁面，（小於100KB）導致大體積頁面的原因
a.插入過多的圖片
b.有多餘的代碼
7.做網站時，要給網站設計一個“網站地圖”，該頁面有大量的超鏈接，通過該頁面可以訪問網站的各個模塊
（二）CSS使用規範
1.命名規範
id的使用：ID常用於網頁結構的命名
頭部：header
導航：nav subnav
廣告條：banner
主體：main
頁腳：footer
側欄：sidebar
搜索：search
圖標：icon
2.CSS名稱構成
a.由字母、數字、下劃線構成
b.不可以有中文、不可以以數字開頭
c.不要使用關鍵字(標籤、屬性)
d.可以使用連字符pic-1
e.見名知意
（三）重置樣式
*{ margin:0; padding:0; }
img { border:none;display: block; }
ul, ol { list-style:none; }
body { color:#333; font:12px/20px "SimSun","宋體","Arial Narrow",HELVETICA; background:#fff;font-style:normal; font-weight:normal;}
a { color:#666; text-decoration:none; }
a:visited { color:#666; }
a:hover, a:active, a:focus { color:#ff8400; text-decoration:underline; }
