網(wǎng)頁設(shè)計(jì)中的表布局

  • 2019-03-26 18:24:22
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

表布局

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

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

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

表格式化

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

當(dāng)前文章標(biāo)題:網(wǎng)頁設(shè)計(jì)中的表布局

當(dāng)前URL:http://m.supportcoffeeroasters.com/news/wzzz/table-layout.html

上一篇:網(wǎng)頁設(shè)計(jì)中的相對定位

下一篇:網(wǎng)頁設(shè)計(jì)中表的視覺編排

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號)