网页设计中的关联

关联现在已经知道,可以将背景原图像放在元素背景上的任何位置,而且可以控制(从某种程度上)它如何平铺。不过,你可能已经认识到了,将一个图像放在body元素的中心可

查看详情

网页设计中的深入方向重复

有方向的重复(深入)在前面关于重复的一节中,我们介绍了值repeat-x、repeat-y和repeat,并说明了它们对背景图像的平铺有何影响。不过,对于这些值,平铺模式总是从包

查看详情

网页设计中的长度值

长度值最后,我们来看定位的长度值。在为原图像的位置提供长度值时,这些长度值将解释为从元素内边距区左上角的偏移。偏移点是原图像的左上角。因此,如果设置值为2

查看详情

网页设计中的百分数值

百分数值百分数值与关键字紧密相关,不过其表现方式更为复杂。假设你希望用百分数值将原图像在其元素中居中。这很容易:p{background-image:url(bigyinyang.gif);b

查看详情

网页设计中的关键字

关键字图像放置关键字最容易理解。其作用如其名所表明的,例如,topright使原图像放在元素内边距区的右上角。再回过头来看先前的那个小“阴阳”符号:p{background-

查看详情

网页设计中的背景定位

利用background-repeat,可以把一个大图像放在文档的背景中,然后使之一直重复。在此基础上,下面来看如何改变图像在背景中的位置。例如,可以在body元素中将一个背景

查看详情

网页设计中的方向重复

有方向的重复过去,如果想要某种“边栏式(sidebar)”背景,必须创建一个很短但非常宽的图像放在背景上。有一段时间,这种图像的最佳大小是10像素高1,500像素宽。当然

查看详情

网页设计中背景的良好实践

关于背景的良好实践图像放在所指定的背景颜色之上,如果完全平铺GIF、JPEG或其他不透明的图像类型,图像在背景颜色之上并不会造成任何不同,因为完全平铺的图像会填

查看详情

网页设计中背景不能继承

为什么背景不能继承之前我专门指出过,背景不能继承。从背景图像可以了解到为什么继承背景不是一件好事。假设背景确实能继承,而且向body应用了一个背景图像。这个

查看详情

网页设计中的背景图像

背景图像前面已经介绍了前景和背景色的基础知识,下面来讨论背景图像。在HTML3.2中,可以通过使用BODY属性BACKGROUND向文档的背景关联一个图像:这会使用户代理加载

查看详情

网页设计中的背景特殊效果

特殊效果只需结合color和background-color,就可以创建一些有用的效果:h1{color:white;background-color:rgb(20%,20%,20%)font-family:Arial,sans-serif;}这个例子

查看详情

网页设计中的背景色历史问题

历史问题所以,设置背景色很简单——对此只有一个小小的警告:Navigator4对背景色的处理完全是错误的。它不是将背景色应用到整个内容框和内边距,背景色只出现在文本

查看详情

网页设计中的背景色

元素的背景区包括前景之下直到边框外边界的所有空间,因此,内容框和内边距都是元素背景的一部分,且边框画在背景之上。CSS允许应用纯色作为背景,也允许使用背景图像

查看详情

网页设计中的继承颜色

由color的定义可知,这个属性是可以继承的。这是有道理的,因为如果声明body{color:gray;},你可能希望该段落中的所有文本也应当是灰色,即便是强调文本、粗体文本等

查看详情

网页设计中的表单元素

影响表单元素(从理论上讲)网站建设也可以为表单元素设置color值。声明select元素有暗灰色文本就很简单,如下:select{color:rgb(33%,33%,33%);}这可能还会设置sele

查看详情

网页设计中的前景色影响边框

影响边框color值还可以影响元素周围的边框。假设已经声明了以下样式,其结果如图9-4所示:p.aside{color:gray;border-style:solid;}图9-4:边框颜色取自内容的颜色元

查看详情

网页设计中的前景色替换属性

color有很多用法,其中最基本的是替换HTML3.2的BODY属性TEXT、LINK、ALINK和VLINK。利用锚伪类,color完全可以替换这些BODY属性。下例中的第一行可以用后面的CSS重

查看详情

网页设计中的前景色

要设置一个元素的前最色,最容易的办法是利用属性color。color值:|inherit初始值:用户代理特定的值应用于:所有元素继承性:有计算值:根据指定确定在第4章曾经讨论过

查看详情

网页设计中的颜色

还记得你第一次改变Web页面的颜色是什么时候吗?以前总是灰色背景上的黑色文本,其间有一些蓝色的链接,突然之间,你可以按自己的意愿使用任何颜色组合,可以是黑色背

查看详情

网页设计中的内边距和元素

内边距和行内元素对于行内元素,外边距和内边距存在一个重要的区别。为说明这一点,下面先来看左右内边距。如果为左右内边距设置了值,左右内边距将是可见的:strong

查看详情

网页设计中的单边内边距

可以猜得到,网站建设CSS提供了一些属性来设置框的单边内边距,而不影响其他边上的内边距。padding-top、padding-right、padding-bottom、padding-left值:<length>

查看详情

网页设计中的内边距

元素框的内边距在边框和内容区之间。亳不奇怪,控制这个区的最简单的属性为padding。padding值:{1,4}1inherit初始值:对于简写元素未定义应用于:所有元素继承性:无

查看详情

网页设计中的边框和行内元素

对于处理边框和行内元素我们应该很熟悉了,因为其规则很大程度上与外边距和行内元素的相应规则相同,这在第7章做过介绍。不过,在此还是简要地介绍一下。首先,不论为

查看详情

网页设计中的全局边框

下面我们来看所有边框属性中最简短的简写属性:border.值:border|inherit初始值:根据单个属性应用于:所有元素继承性:无计算值:根据指定确定这个属性有一个好处,它

查看详情

网页设计中的简写边框属性

遗憾的是,简写属性(如border-color和border-style)并不总像你想得那么有用。例如,你可能想在所有h1元素上应用一个粗的灰色实线边框,不过只是底边上有此边框。如果

查看详情

网页设计中的边框颜色

与边框的其他方面相比,设置颜色很简单。网站建设CSS使用了一个简单属性border-color,它一次可以接受最多4个颜色值。border-color值:{1,4}|inherit初始值:对简写属

查看详情

网页设计中的边框宽度

一旦为边框指定一个样式,下一步就是使用border-width为它指定一个宽度。border-width值:{1,4}|inherit初始值:对简写属性未定义应用于:所有元素继承性:无计算值:见

查看详情

网页设计中的边框背景

CSS规范清楚地指出元素的背景会延伸到边框边界之外,因为规范中提到,边框绘制在“元素的背景之上”。这很重要,因为有些边框是“间断的”(例如,点线边框或虚线框),

查看详情

网页设计中的边框

元素外边距内就是元素的边框(border)。元素的边框就是围绕元素内容和内边距的一条或多条线。因此,元素的背景会在外边框边界处停止,因为背景不会延伸到外边距以内

查看详情

网页设计中的外边距历史问题

网页设计外边距很有用,但同时也存在很多问题——毫不奇怪,这些问题都围绕着NetscapeNavigator4.x(NN4.X)。第一个问题是,Navigator4.x会把外边距规则指定的外边距

查看详情
网站建设、网络营销咨询专线:0871-63535511(点击可一键拨号)