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

  • 2019-03-26 18:24:22
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://51zuanshi.com.cn

表布局

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

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

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

表格式化

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

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

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/table-layout.html

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

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

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號(hào))