CSS寫多了，您會發現如果您用<table>來排版，您會用到太多太多的<font>來設定其中的樣式。這裡有一個解決方式：直接在Table上套用CSS。
STEP1:【在Table上套用】
這邊有一段語法：
<table border=0 style="font-size:11px;color:blue;background-color:ffcc33">
<tr>
<td>
蘋果派
</td>
</tr>
</table>
這段語法的顯示結果如下：
STEP2:【改寫】
用這種方法您就不需要再使用一堆font標籤了，不過據筆者了解，Netscape並不支援這種方式，所以您必須將其改寫成這種語法：
<table border=0 style="font-size:11px;color:blue;background-color:ffcc33">
<tr>
<td style="font-size:11px;color:blue;background-color:ffcc33">
蘋果派
</td>
</tr>
</table>
顯示範例如下：
STEP1:【改寫成宣告】
是的，您必須將每個<td>都套上樣式，這種方法比較保險，IE和Netscape都可以無誤的使用。還記得上次阿得講解的進階排版吧？這次我們再將這段程式碼改寫成宣告法：
<style>
<!--
.table{font-size:11px;color:blue;background-color:ffcc33}
.table1{font-size:11px;color:ffffff;background-color:336699}
-->
</style>
<table border=0 class=table>
<tr>
<td class=table>
蘋果派
</td>
<td class=table1>
武當派
</td>
</tr>
</table>
顯示範例如下：
這樣一來您就可以讓更多更多的Table套用同樣的樣式。當然，您也可以撰寫多個宣告然後將各個<td>套用不同的樣式設定！