Web標準學習教程整理

http://bbs.blueidea.com/thread-2763214-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網站圖片鏈接效果
一個頭像顯示的效果 [佈局實例,已加簡單說明]

發佈了38 篇原創文章 · 獲贊 1 · 訪問量 3143
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章