Web標準學習教程整理

摘自:http://bbs.blueidea.com/thread-2734595-1-1.html

CSS部分：

CSS入門教程：

CSS入門1：關於css樣式表
CSS入門2：文法基礎
CSS入門3：如何插入
CSS入門4：css選擇符
CSS入門5：偽類——動態連結
CSS入門6：CSS盒模型
CSS入門7：css元素定位

徹底弄懂CSS盒子模式一(DIV布局快速入門)
徹底弄懂CSS盒子模式二(導覽列執行個體詳解)
徹底弄懂CSS盒子模式三(浮動的表演和清除的自述)
徹底弄懂CSS盒子模式五(定位強化練習)  

CSS提高教程：

display:inline-block的深入理解
由淺入深漫談margin屬性（一）
IE中偽類:hover的使用及BUG
解讀absolute與relative
position:relative/absolute無法衝破的等級
對《無法衝破的等級》一文的補充
詳解定位與定位應用
Firefox與IE下UL預設標記的異同
閉合浮動元素

CSS精華教程：

[譯文]On having layout

-------------------------------------------------------------------------------------------

Xhtml部分：

(X)HTML 入門教程：

(X)HTML Strict 下的嵌套規則
簡單form標準化執行個體（一）：整體布局
簡單form標準化執行個體（二）：語義結構
網站程式員，如何應對web標準！

--------------------------------------------------------------------------------------------

標準理論討論：

詳解連結的rel與target
專題:標準化良構之路
如何開始標準之路
從“div+css”說起談結構的重要性

--------------------------------------------------------------------------------------------

標準應用程式執行個體：

Web 標準實踐系列（一）——Google 的首頁

[譯文]用css製作星級評等 I
[譯文]用css製作星級評等 II
[譯文]用css製作星級評等 III
[譯文]像table一樣布局div[1]
[譯文]像table一樣布局div[2]
[譯文]具有親和力的表格
[翻]如何只使用XHTML+CSS建立一個“兩步式”的相簿
CSS執行個體講解：地圖提示（map pop）
仿6room網站圖片連結效果
一個頭像顯示的效果 [布局執行個體,已加簡單說明]