网页设计中的定位类型

定位的原理很简单。利用定位,可以准确地定义元素框相对于其正常位置应该出现在哪里,或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。基本概念深入讨论各

查看详情

网页设计中的清除

我们已经讨论了一些浮动行为,介绍定位前还有一个内容没有谈到。网页设计人员可能并不总是希望内容流过浮动元素,某些情况下,可能要特意避免这种行为。如果你的文档

查看详情

网页设计中的负外边距2

有意思的是,负外边距可能导致浮动元素移到其父元素的外面。这看上去与先前的规则相矛盾,不过其实并不矛盾。通过设置负外边距,元素可能看上去比其父元素更宽,同样

查看详情

网页设计中的实用行为

实用行为前面介绍的规则有一些有意思的后果,这些结果源干两方面,一方面是规则中指出了一些要求,另一方面是规则中有些方面没有谈到。首先要讨论浮动元素比其父元素

查看详情

网页设计中的浮动详细内幕

深入讨论浮动的详细内容之前,首先要建立包含块的概念,这很重要。浮动元素的包含块是其最近的块级祖先元素。因此,在以下标记中,浮动元素的包含块就是包含该浮动元

查看详情

网页设计中的浮动元素

浮动元素对于浮动元素有几点要记住。首先,会以某种方式将浮动元素从文档的正常流中删除,不过它还是会影响布局。采用css的特有方式,浮动元素几乎“自成一派”,不过

查看详情

网页设计中的浮动

浮动和定位当然,通过字体改变、背景和所有其他属性,CSS能让内容看上去不错,不过CSS在完成基本布局任务方面怎么样呢?下面来看浮动和定位。CSS对此提供了一些工具,

查看详情

网页设计中的关联

关联现在已经知道,可以将背景原图像放在元素背景上的任何位置,而且可以控制(从某种程度上)它如何平铺。不过,你可能已经认识到了,将一个图像放在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章做过介绍。不过,在此还是简要地介绍一下。首先,不论为

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