網頁設計中的表布局

表布局

看到本章的標題,你可能會奇怪,“表布局?這不是我們一直都極力避免的嗎?”確實如此,不過本章并非討論如何使用表來建立布局,而是要介紹網站建設CSS中表本身如何布局,這個問題乍看起來可能很簡單,但實際上要復雜得多。正因如此,我們專門用一章來介紹。

與文檔布局的其他方面相比,表很特別。在網站建設CSS2.1中,表本身就能夠確定其他元素的元素大小,例如,可以讓一行中的所有單元格都有相同的高度,而不論每個單元格中可能包含多少內容。網頁設計人員還可以讓一列中的單元格都有相同的寬度。建立文檔布局時,沒有哪種情況能夠以這樣一種直接的方式讓文檔樹中不同部分的元素相互影響大小和布局。

網頁設計人員可以看到,這種特殊性使表具有很多特殊的行為和規(guī)則,而且這些行為和規(guī)則是表所獨有的。本章中我們將介紹表在視覺上如何組裝,另外會介紹繪制單元格邊框的兩種方法,還將介紹確定表及其內部元素高度和寬度的機制。

表格式化

網頁設計人員可能在考慮如何繪制單元格邊框以及如何確定表的大小,不過在此之前,我們先來學習組裝表的基本方法,并了解表中的元素相互之間有什么關系。這稱為表格式化,它與表布局有很大不同:只有介紹完表格式化,才有可能介紹表布局。

網站建設、網絡營銷咨詢專線:0871-63535511(點擊可一鍵撥號)