精通CSS：進階Web標準解決方案（第2版）--第一章 基礎知識

標籤：style   color   io   使用   ar   strong   問題   sp   代碼   

 

“人們幾乎不會先去讀完整的CSS規範，這些規範能把任何人送入夢鄉。”

“學習CSS最好的一種方式是直接開始使用它。”

“先從部落格上看到了一些出色的效果，於是通過查看原始碼研究它們是如何?的，然後就在自己的個人網站是大膽嘗試。”

一、首先，從開始就應注意基本的問題，養成好的習慣：

1、良好的文檔結構

　　不要過於依賴可視化的編輯器；糟糕的代碼結構可能讓你寧願從頭編寫頁面而不想去尋找bug；

2、有意義的標記

　　HTML 4 目前可使用的語義化標籤並不全面，至少沒有像header、navigation、footer等可直接使用的元素，次優的解決方案是使用現有的元素，並且通過添加ID或類名給它們賦予額外的意義。例如製作一個導覽列：<ul id="nav">。

3、易於理解和維護

 

 

二、ID和類

一句話：ID唯一，類相似。

“andy-budd 比 andyBudd 清楚得多。”

1、命名ID和類時，一定要與其表現方式無關。

　　差的命名（它的外觀如何）：red，leftColumn，topNav，firstPara...

　　好的命名（它是什麼）：error，secondaryContent，mainNav，intro...

2、ID和類的命名注意區分大小寫，根據個人習慣或要求使用統一的約定。

精通CSS：進階Web標準解決方案（第2版）--第一章 基礎知識