1、使用reset.css

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

2、CSS縮寫(xiě)

CSS縮寫(xiě)簡(jiǎn)化了你的CSS代碼，更重要的是，它讓你的代碼更加整潔易懂。

3、理解class和id

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

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

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

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

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

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

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

7、避免多余的選擇器

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

8、!Important

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