網(wǎng)頁(yè)設計中表的視覺(jué)編排

  • 2019-03-27 17:20:15
  • 閱讀次數:次
  • 作者:盈嵐科技小編
  • 來(lái)源:http://amzcoolest.com

表格式化

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

表的視覺(jué)編排

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

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

表的編排有6個(gè)規則。這些規則的基礎是“表格單元'這是繪制表的表格線(xiàn)之間的區域。請看圖11-1所示,這里顯示了兩個(gè)表及其表格單元,由表上所畫(huà)的虛線(xiàn)指示。

圖11-1:表格單元構成了表布局的基礎

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

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


當前文章標題:網(wǎng)頁(yè)設計中表的視覺(jué)編排

當前URL:http://amzcoolest.com/news/wzzz/visual-layout.html

上一篇:網(wǎng)頁(yè)設計中的表布局

下一篇:網(wǎng)頁(yè)設計中表編排規則

網(wǎng)站建設、網(wǎng)絡(luò )營(yíng)銷(xiāo)咨詢(xún)專(zhuān)線(xiàn):181-8386-5875(點(diǎn)擊可一鍵撥號)
亚洲精品无码mv在线|新国产精品视频福利免费|日韩高清在线观看不卡一区二区|一本久久a久久精品免费不|亚洲私人无码内射免费观看