Web Design

我地一直係講CSS網頁設計代碼既優化，隨著國外對WEB標準既推廣，有ｄ新手認為，web2.0就係把以前既table佈局都改為DIV+CSS佈局就係web2.0。其實唔係架， 我地要合理用呢ｄ標籤。 有一點值得引起注意，就係 web 開發人員圈子裡通常被稱為“div-itis”的對 div 元素既濫用現象。
 
　　通過大量既嵌套 div 或 span 元素黎添加樣式確實好方便，但都應儘量避免呢種誘惑。在多數情況下，為文檔內現有元素附加樣式或 JavaScript 功能係可以做到不必引入 div 或 span 元素。作為通用容器既 div 或 span 元素應作為最後既手段使用 即係話，最好係先儘量以語義化元素黎編寫網頁，只係好需要果陣先加入通用容器元素。

　　所以我們要：優化 優化 再優化 精簡和優化CSS網頁佈局代碼

　　我要多用一些語義性標籤，但都要對號入座，標籤語義要用對。
 
　　HTML元素既語義類別

　　結構
　　這些元素既語義定義左佢地係文檔中扮演著的結構既角色

div
span
ol,ul,li,dl,dt,dd
del,ins
h1..h6
p

　　內容
　　這些元素既語義定義左文檔中表示內容標記的語義

a
abbr
acronym
address
blockquote
cite
code
dfn
kbd
q
samp
var

　　修飾形容
　　這些元素起到對內容的修飾和形容

strong
em

" Once you've completed your markup, go over it two more times and find ways to reduce the number of elements on the page. Does that UL really need its own wrapping div? I think not. "

　　注意您既樣式表
　　當我地既網頁內容做得好多果陣，樣式表文件既代碼也隨著龐大同臃腫起來勒。
　　我們亦慢慢感覺到有些地方唔合理或者重複定義。
　　咁就係你對CSS選擇符應用上出現左問題，靈活使用呢ｄ CSS選擇符係使用CSS控制網頁既基礎，CSS選擇符亦都係CSS學習既重點和難點。
　　我地係咪應系設計既開始應該合理應用呢ｄ CSS選擇符呢？
　　關於CSS選擇符既分類，使用，定義，由於內容之大我就唔講勒。