网页设计中的表大小

表大小既然我们巳经深入讨论过表的格式化和单元格边框显示,下面需要了解在网页设计中如何确定表及其内部元素的大小。谈到确定表的宽度,有两种不同的方法:固定宽度

查看详情

网页设计中的边框合并

网站建设中,如果两个或多个边框相邻,它们会相互合并。实际上,并不是完全合并,而是要看其中哪一个在其他边框中占上风。哪些边框会胜出,哪些边框会被合并,对此有一

查看详情

网页设计中的合并边框布局

合并单元格边框合并单元格模型基本上描述了没有单元格间隔时HTML表通常如何布局,不过,这比分隔边框模型要更复杂一些。以下规则使合并单元格边框与分隔单元格边框

查看详情

处理空单元格

从视觉来看,由于每个单元格都区别于表中的所有其他单元格,对于空单元格(即没有内容)网页设计人员该如何处理呢?对此有两种选择,从empty-cells属性的值可以反映出来

查看详情

网页设计中的边框间隔

网站建设中采用这种模型,表中的每个单元格都与其他单元格分开一定距离,而且单元格的边框彼此不会合并。因此,给定以下样式和标记,可以看到如图11-6所示的结果:tab

查看详情

网页设计中的表单元格边框

网站建设中实际上有两种截然不同的边框模型。按布局术语来讲,如果单元格相互之间是分隔的,就是分隔边框模型在起作用。另一种选择是合并边框模型,采用这种模型,单

查看详情

网页设计中的表标题

顾名思义,表标超是一小段文本,描述了表内容的本质。因此,对于2003年第4季度的一个股票行情表,表标题元素的内容可能读作“Q42003StockPerformance”,利用属性capt

查看详情

网页设计中的表层

为了完成表的显示,网站建设定义了6个不同的“层”,可以分别放表的不同方面。基本说来,对应表各个方面的样式都在其各自的层上绘制,因此,如果table元素有一个绿色背

查看详情

网页设计中的对象插入规则

1、如果一个table-cell元素的父元素不是table-row元素,则会在该table-cell元素及其父元素之间插入一个匿名table-row对象。所插入的这个对象将包含该table-cell元

查看详情

网页设计中的匿名表对象

标记语言中可能未包含足够的元素,以至于无法按CSS的定义充分表示表,也可能创作人员没有加入所有必要的元素。例如,考虑以下HTML:Name:乍看到这个标记,你可能认为

查看详情

网页设计中的行列

以行为主CSS将其表模型定义为“以行为主”。换句话说,这个模型假设创作人员创建的标记语言会显式声明行,而列是从单元格行的布局推导出来的。因此,第一列由各行中

查看详情

网页设计中的表显示值

在HTML中,很容易知道哪些元素属于表,因为像tr和td之类元素的处理已经内置在浏览器中。与此不同,在XML中则没有办法从根本上知道哪些元素可能是表的一部分。因此引

查看详情

网页设计中表编排规则

每个行框包含一行表格单元。表中的所有行框按其在源文档中出现的顺序从上到下地填充表(表的标题行框和脚注行框有所例外,它们分别出现在表的最前面和最后面)。因此

查看详情

网页设计中表的视觉编排

表格式化你可能在考虑如何绘制单元格边框以及如何确定表的大小,不过在此之前,我们先来学习组装表的基本方法,并了解表中的元素相互之间有什么关系。这称为表格式化

查看详情

网页设计中的表布局

表布局看到本章的标题,你可能会奇怪,“表布局?这不是我们一直都极力避免的吗?”确实如此,不过本章并非讨论如何使用表来建立布局,而是要介绍CSS中表本身如何布局,

查看详情

网页设计中的相对定位

理解起来最简单的定位机制就是相对定位。采用这种机制时,将通过使用偏移属性移动定位元素。不过,这可能有一些有意思的后果。从表面看来,似乎这就足够了。假设希望

查看详情

网页设计中的固定定位

从上一节可以看出,固定定位与绝对定位很类似,只不过固定元素的包含块是视窗。固定定位时,元素会完全从文档流中去除,不会有相对于文档中任何部分的位置。可以采用

查看详情

网页设计中Z轴上的放置

对于所有定位,最后都不免遇到这样一种情况:两个元素试图放在同一个位置上。显然,其中一个必须盖住另一个——不过,如何控制哪个元素放在“上层”呢?这就引人了属性

查看详情

网页设计中替换元素的放置和大小

非替换元素和替换元素的定位规则大不相同。这是因为替换元素有固有的高度和宽度,因此其大小不会改变,除非创作人员有意显式地修改。因此,在替换元素定位中没有“恰

查看详情

网页设计中非替换元素的放置和大

一般地,元素的大小和位置取决于其包含块。各个属性(width、right、padding-left等)的值也会有一些影响,不过最主要的还是其包含块。考虑一个定位元素的宽度和水平

查看详情

网页设计中的自动边偏移

元素绝对定位时,如果除bottom外某个任意偏移属性设置为auto,会有一种特殊的行为。下面以top为例,考虑以下标记:WhenweconsiderCheeffectofpositioning,itquicklyb

查看详情

网页设计中绝对定位元素的放置和

把“放置”和“大小”这两个概念放在一起看上去有些奇怪,不过对于绝对定位元素来说,这是必要的,因为规范把它们紧密地绑在一起。如果仔细考虑,这也不那么奇怪。请

查看详情

网页设计中的包含块和绝对定位元

元素绝对定位时,会从文档流中完全删除。然后相对于其包含块定位,其边界根据偏移属性(top、left等)放置,定位元素不会流入其他元素的内容,反之亦然。这说明,绝对定

查看详情

网页设计中的绝对定位

由于上一节中的大多数例子和例图描述的都是绝对定位,你应该对绝对定位如何工作有了一定的了解。接下来主要介绍使用绝对定位时的具体细节。元素绝对定位时,会从文

查看详情

网页设计中的元素可见性

除了剪裁和溢出,还可以控制整个元素的可见性。visibility值:visible|hidden|collapse|inherit初始值:visible应用于:所有元素继承性:有计算值:根据指定确定这个属

查看详情

网页设计中的内容裁剪

如果一个绝对定位元素的内容溢出其内容框,而且overflow设置为要求剪裁该内容,通过使用属性clip可以改变剪裁区域的形状。默认值auto表示元素的内容不应剪裁。还可

查看详情

网页设计中的内容溢出

如果一个元素的内容对于元素大小来说过大,就有可能溢出元素本身。对于这种情况,有一些候选解决办法,CSS2允许你从中选择。它还允许定义一个剪裁区域,如果出了这个

查看详情

网页设计中的宽度和高度

很多情况下,如果已经确定将元素定位到哪里,接下来可能希望声明该元素应当有多高、多宽。另外,有时你可能想限制一个定位元素的高度和宽度,还有一些情况下也许你希

查看详情

​网页设计中的偏移属性

上一节介绍的三种定位机制使用了4个属性来描述定位元素各边相对于其包含块的偏移。我们将这4个属性称为偏移属性,这对于完成定位是很重要的一部分。top、right、b

查看详情

网页设计中的包含块

本章较早前讨论过浮动元素的包含块。对于浮动元素,其包含块定义为最近的块级祖先元素。对于定位,情况则没有这么简单。CSS2.1定义了以下行为:“根元素”的包含块(

查看详情
网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)