網頁CSS大師的15個有效技巧
這里有數以千計的站點提供使用CSS的提示和技巧。但是你怎么知道這些信息是從哪里來的呢？誰說寫這些“提示”的人知道他們在說什么？就你所知，它可能是一個不知道CSS代表什么的人，更不用說如何有效地使用它了。

但下面的網站制作專家不是這樣的。他們都是眾所周知的，他們掌握CSS和所有與它一起去。閱讀他們的技巧和技巧，從避免黑客到理解盒子模型。

Peter Paul Koch：避免CSS黑客
隨著Web設計的發展，無限嵌套的表已經變成了無限復雜的CSS黑客。在很多情況下，CSS黑客通過利用另一個bug來解決一個問題，而不是最穩定的修復問題的方法。當下一個版本的瀏覽器被發布時，它可能既不修復也不修復兩個bug，也可能修復一個而不是另一個。在任何情況下，很可能你的黑客可能最終不能工作，或者不再需要了。

為了使樣式表盡可能簡短和簡明，不要只指定選擇器的最小數量重復自己。換句話說，您真的需要指定UL和Li嗎？為什么不指定UL呢？對于其他可能嵌套的元素也是如此。只需指定最上層，剩下的部分繼承這些樣式。

Roger Johansson：指定基于EM的布局的最大寬度
創建一個彈性布局，不指定任何單位以外的最大寬度是一個快速的方法，使一個非常不舒服的網站。當訪問者增加文本大小時，布局變得更寬。但是，當他們增加一個或兩個EM單位的大小會發生什么？你的布局越來越寬，很快他們就必須水平滾動才能讀取整條直線。指定一個最大寬度以避免該問題，并使您的站點更便于用戶使用。

Trevor Davis：設置一致的基礎字體大小
通過將基本字體大小設置為62.5%，最終字體大小為10像素。這使得1 EM等于10像素。1.2 EM則等于12像素。它簡化了所有選擇器中的字體大小。

Dan Cederholm：使用負邊距
使用負邊距可以大大簡化代碼。與其指定一個或多個元素的正邊距，為什么不只指定一個負邊距呢？它使你的樣式表更短而復雜。

Ben Henick：不添加標記除非上下文鼓勵它
當從基于表的布局過渡時，許多設計者都試圖添加大量的容器元素。但是CSS不表同。提前考慮你的設計是避免這種情況的一種方法，就像首先關注信息一樣。盡量使用div和跨度的內容元素有一個共同的目的，或在多個頁面分類和重復。

忘記為內容創建獨立的打印機友好頁面。使用CSS為文檔創建特定于媒體的樣式。打印機友好的樣式表很容易創建，并且避免了設計師遇到的關于常規版本和打印機友好版本的問題。畢竟，使用這種方法，您根本就沒有觸及頁面標記。

Wolfgang Bartelme：中心與CSS
對于剛開始使用CSS的人來說，集中整個網站有時似乎是不可能的。但它確實是可能的，實際上相對容易實現。

特倫頓苔：使用移動特定的樣式表
隨著越來越多的人主要通過移動設備瀏覽網頁，確保網站對訪問者進行優化是很重要的。雖然大多數的手持設備將呈現網頁的合理使用標準的CSS，它仍然沒有在3″屏幕最好的用戶體驗。創建一個獨立的移動樣式表，以優化移動用戶的體驗。

Chris Coyier：正確使用CSS overflow屬性
CSS溢出屬性有四種不同的值：隱藏的、可見的、滾動的和自動的。通過了解每一個都做了什么以及每一個行為如何，你為你的站點布局打開了更多的選擇。

Ethan Marcotte：用CSS創建流體網格
創建一個流體網格設計的想法，特別是CSS，很可能會使許多網頁設計師的思想不寒而栗。但它是可能的，而且絕對優于用表格創建它們。

Jonathan Snook：使用CSS速記
用速記是另一種方式來簡化和縮短你的樣式表。不要為每個邊距分別聲明樣式（邊距左邊、邊距右邊、邊距頂部、邊距底部），只需一次性聲明所有四個樣式。其他元素也一樣，比如字體、邊框或背景。

Chris Coyier：理解CSS盒子

CSS中的一切元素是一個矩形框。填充、邊距、高度、寬度和邊框都與這些矩形框交互。真正了解這些東西是如何相互作用的，將使設計師的生活變得更加容易。

Roger Johansson：小心隱藏的東西用CSS

當你想把一個元素隱藏在你的頁面上使用“顯示：沒有”時，這是很吸引人的，但是這個問題是，這個特定的聲明意味著這個元素中的內容是完全隱藏的，它們沒有打印、顯示或說話。這可能會導致那些使用屏幕閱讀器而不是瀏覽您的網站的問題。當你要隱藏某個東西直到用戶執行某個動作（很可能是用JavaScript）時，它也會引起問題。

Peter Paul Koch：知道什么時候使用嚴格模式或怪癖模式。

嚴格的模式和怪癖模式適用于現代瀏覽器用來解釋CSS的兩種不同方式。通過理解每個人做什么，然后為您的設計實現正確的一個，您可以極大地改進站點的功能