1、使用reset.css

火狐和IE這兩種不同的瀏覽器，在繪制CSS樣式方法上截然不同。這種情況下，使用reset.css重置所有的基本樣式會讓你得到一個全新的空樣式表。

2、CSS縮寫

CSS縮寫簡化了你的CSS代碼，更重要的是，它讓你的代碼更加整潔易懂。

3、理解class和id

這兩個選擇器總是讓初學(xué)者感到迷惑。在CSS中，Class和ID分別用點(diǎn)“.”和井號“#”來標(biāo)識。簡單來說id就是用來標(biāo)識那些單獨(dú)不重復(fù)的樣式，而class是可以重復(fù)使用的。

4、實(shí)用的<li>

<li>也叫鏈接列表，在與<ol>或<ul>正確搭配的時候非常好用，尤其是用在導(dǎo)航菜單樣式上。

5、少用<table>多用<div>

CSS最大的優(yōu)勢之一是使用<div>達(dá)到樣式上的靈活多變。不同于<table>，<div>里的內(nèi)容不會被鎖在單元格<td>中。可以說幾乎所有的表格布局都可以在<div>和樣式的正確使用下完成。當(dāng)然，有大量表格內(nèi)容時，還是用 <table>吧。

6、CSS調(diào)試工具

在設(shè)計CSS時，能夠得到頁面布局的預(yù)覽對于優(yōu)化CSS樣式和糾錯是很有幫助的。這里有一些免費(fèi)的CSS調(diào)試工具推薦給你，你可以把它裝在瀏覽器上：FireFox Web Developer、DOM Inspector、Internet Explorer Developer Toolbar、Firebug

7、避免多余的選擇器

有時你的CSS聲明可以更簡單，如<li>只會與<ul>或<ol>連用，就像<td>只能存在于<tr>和<table>中一樣，這兒真沒有把它們重復(fù)一次的必要。

8、!Important

所有被!important 標(biāo)記的樣式，即使它后來被重寫，瀏覽器也只會采用被標(biāo)記的那條。!important 用來強(qiáng)制使一個樣式避免在之后的編碼中被修改，遺憾的是IE不支持。