摘自《精通css:高階web標準解決方案》
有助於在文件中新增結構的乙個元素是div元素。許多人誤以為div元素沒有語義意義。但是，div實際上代表部分(division)，它提供了將文件分割為有意義的區域的方法。所以，通過將主要內容區域包圍在div中並分配id maincontent，就可以在文件中新增結構和意義。
為了將不必要的標記減到最少，應該只在沒有現有元素能夠實現區域分割的情況下使用div元素。例如，如果使用主導航列表，那麼不需要將包圍在div中。
可以完全刪除div，直接在列表上應用id：
過度使用div常常稱為「多div症」(divitus)，這是**結構不合理而且過分複雜的乙個訊號。一些css新手會嘗試用div重建自己原來的**結構。但是，這只是用一套不必要的標籤替換了另一套不必要的標籤。實際上，應該使用div根據條目的意義或功能（而不是根據它們的表現方式或布局）對相關條目進行分組。
div可以用來對塊級元素進行分組，而span可以用來對行內元素進行分組或標識：
published on march 22nd, 2005
by andy budd
一般不需要對行內元素進行分組或標識，所以使用span的情況比div少。在實現影象替換等效果時會看到span。不這種情況下，它們用做額外的鉤子，可以應該額外的樣式。
儘管目標是保持**盡可能簡潔且有意義，但是有時候為了以希望的方式顯示頁面，無法避免新增額外的無語義的div或span。如果是這種情況，那麼也不必過分為此擔心。我們正處在乙個過渡時期，css3有望提供更強大的文件控制能力。在目前，現實世界的需要常常比理論出現得早。關鍵是知道在什麼時候必須進行折中，並且要根據正確的原因進行折中。
讓CSS更規範 讓設計居中
摘自 長文字行難以閱讀。隨著現代顯示器的尺寸越來越大，螢幕可讀性問題變得越來越重要。緩解這個問題的一種方法是讓設計居中。居中的設計只佔螢幕的一部分，而不是橫跨螢幕的整個寬度，這樣就會建立比較短的容易閱讀的行。居中的設計目前非常時髦，所以如何在css中設計居中是大多數開發人員首先要學習的主題之一。讓設...
讓CSS更規範 招數和過濾器簡介
摘自 精通css 高階web標準解決方案 css過濾器 filter 是一種對特定的瀏覽器或瀏覽器組顯示或隱藏規則或宣告的方法。過濾器根據瀏覽器中的缺陷，比如解析bug以及未實現或錯誤地實現的css，對瀏覽器顯示或隱藏規則。css招數是一種讓瀏覽器表現得符合自己希望的不優雅的方法。css招數通常用來...
div和span的區別
相對與其他xhtml標籤，div和span對於它們包含的元素是沒有意義的。例如當你看到標籤，你知道裡面是標題，當你看到 標籤的時候你知道裡面是乙個新的自然段。可是div和span標籤並沒有這樣意義。div只是乙個分塊的標籤，他可以將網頁分成幾個區塊。div裡面可能包含乙個標題，乙個段落，也可能包含在...