表格式化

網(wǎng)頁(yè)設(shè)計(jì)人員可能在考慮如何繪制單元格邊框以及如何確定表的大小，不過(guò)在此之前，我們先來(lái)學(xué)習(xí)組裝表的基本方法，并了解表中的元素相互之間有什么關(guān)系。這稱為表格式化，它與表布局有很大不同：只有介紹完表格式化，才有可能介紹表布局。

表的視覺編排

首先要了解網(wǎng)站建設(shè)CSS如何定義表的編排。盡管這看上去很基本，不過(guò)對(duì)于理解如何最佳地設(shè)置表樣式至關(guān)重要。

CSS對(duì)于表元素和內(nèi)部表元素有很分明的界限。在網(wǎng)站建設(shè)中，內(nèi)部表元素生成矩形框，這些框有內(nèi)容，內(nèi)邊距和邊框，但是沒有外邊距。因此，不能通過(guò)指定外邊距來(lái)定義單元格之間的間隔。如果試圖對(duì)單元格、行或任何其他內(nèi)部表元素應(yīng)用外邊距，CSS兼容瀏覽器只會(huì)將其忽略（只有總標(biāo)題例外，此內(nèi)容將在本章后面討論）。

表的編排有6個(gè)規(guī)則。這些規(guī)則的基礎(chǔ)是“表格單元'這是繪制表的表格線之間的區(qū)域。請(qǐng)看圖11-1所示，這里顯示了兩個(gè)表及其表格單元，由表上所畫的虛線指示。

圖11-1：表格單元構(gòu)成了表布局的基礎(chǔ)

在一個(gè)簡(jiǎn)單的2x2表中（如圖11-1中左邊的表）表格單元對(duì)應(yīng)于單元格。在更復(fù)雜的表中（如圖11-1中右邊的表），表格單元的邊界對(duì)應(yīng)于表中所有單元格的單元格邊框，并穿過(guò)跨多行或多列的單元格。

這些表格單元很大程度上是理論性的構(gòu)造，網(wǎng)頁(yè)設(shè)計(jì)人員不能為它們?cè)O(shè)置樣式，甚至不能通過(guò)文檔對(duì)象模型來(lái)訪問。這些構(gòu)造只是用于描述如何組裝表來(lái)設(shè)置樣式。