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

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

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

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

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

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

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

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

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

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

特倫頓苔：使用移動特定的樣式表
隨著越來越多的人主要通過移動設(shè)備瀏覽網(wǎng)頁，確保網(wǎng)站對訪問者進(jìn)行優(yōu)化是很重要的。雖然大多數(shù)的手持設(shè)備將呈現(xiàn)網(wǎng)頁的合理使用標(biāo)準(zhǔn)的CSS，它仍然沒有在3″屏幕最好的用戶體驗。創(chuàng)建一個獨立的移動樣式表，以優(yōu)化移動用戶的體驗。

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

Ethan Marcotte：用CSS創(chuàng)建流體網(wǎng)格
創(chuàng)建一個流體網(wǎng)格設(shè)計的想法，特別是CSS，很可能會使許多網(wǎng)頁設(shè)計師的思想不寒而栗。但它是可能的，而且絕對優(yōu)于用表格創(chuàng)建它們。

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

Chris Coyier：理解CSS盒子

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

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

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

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

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