DIV CSS 佈局教程網

網頁制作poluoluo文章簡介：改善CSS編碼的5個在線幻燈片教程.

幻燈片（PPT）是快速學習知識關鍵點的有效途徑。之前本博客發布的“一個簡單的、循序漸進的CSS幻燈片教程”，就為大家介紹過一個幻燈片教程，今天再為大家推薦5個以改善CSS編碼為主題的幻燈片教程。這5個幻燈片主要幫助大家了解如何寫出高效的、可維護的CSS代碼，學習CSS中的屬性繼承、行高(line-height)相關知識，認識CSS系統論及面向對象的CSS編碼。

提示：(1) 幻燈片中的旁白用的是英文，不過都比較簡單。 (2) 點擊幻燈片下方的”full”按鈕，全屏浏覽，ESC鍵退出全屏。(3)如對幻燈片中的講解有疑問，歡迎留言提出，大家一起討論學習。

1. 高效、可維護、模塊化、不使用Hack的CSS代碼

2. CSS中的屬性繼承

3. CSS中的line-height屬性

4. CSS的系統方法論

5. 面向對象的CSS

特別喜歡第五個幻燈片開場白中的幾句話，摘出來與大家分享（翻譯的可能不准確 ^/^)）。

【Web開發哲學】

• 出於對設計的尊重而工作
• 設計者必須使得代碼裡外一致——漂亮、精巧
• 尊重最初的設計版本。一致的設計=干淨的代碼=高效的站點