网页设计中表的视觉编排

  • 2019-03-27 17:20:15
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

表格式化

网页设计人员可能在考虑如何绘制单元格边框以及如何确定表的大小,不过在此之前,我们先来学习组装表的基本方法,并了解表中的元素相互之间有什么关系。这称为表格式化,它与表布局有很大不同:只有介绍完表格式化,才有可能介绍表布局。

表的视觉编排

首先要了解网站建设CSS如何定义表的编排。尽管这看上去很基本,不过对于理解如何最佳地设置表样式至关重要。

CSS对于表元素和内部表元素有很分明的界限。在网站建设中,内部表元素生成矩形框,这些框有内容,内边距和边框,但是没有外边距。因此,不能通过指定外边距来定义单元格之间的间隔。如果试图对单元格、行或任何其他内部表元素应用外边距,CSS兼容浏览器只会将其忽略(只有总标题例外,此内容将在本章后面讨论)。

表的编排有6个规则。这些规则的基础是“表格单元'这是绘制表的表格线之间的区域。请看图11-1所示,这里显示了两个表及其表格单元,由表上所画的虚线指示。

图11-1:表格单元构成了表布局的基础

在一个简单的2x2表中(如图11-1中左边的表)表格单元对应于单元格。在更复杂的表中(如图11-1中右边的表),表格单元的边界对应于表中所有单元格的单元格边框,并穿过跨多行或多列的单元格。

这些表格单元很大程度上是理论性的构造,网页设计人员不能为它们设置样式,甚至不能通过文档对象模型来访问。这些构造只是用于描述如何组装表来设置样式。


当前文章标题:网页设计中表的视觉编排

当前URL:http://www.lyjtt.cn/news/wzzz/visual-layout.html

上一篇:网页设计中的表布局

下一篇:网页设计中表编排规则

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)