第3章 高效定制网页样式——CSS.pptVIP

(2)固定背景（background-attachment）语法：background-attachment:scroll|fixed参数：scroll使背景图像随对象内容滚动，fixed使文字滚动时背景图像保持固定。说明：设置背景图像是随对象内容滚动还是固定的。该属性只用于页面背景，即BODY标签内设定的背景图像。示例：body{background-attachment:fixed;background-image:url(background.gif)}html{background-image:url(anasazi.tif);background-attachment:fixed;}3.5样式表的常用属性3.5.5背景属性（BackgroundProperties）(3)背景定位（background-position）语法：background-position:length||lengthbackground-position:position||position参数：length为百分数或者由数字和单位标识符组成的长度值。position可取top|center|bottom|left|center|right说明：设置对象的背景图像位置，即精确控制背景图像相对于对象的显示位置。必须先指定background-image属性。默认值为：(0%0%)。如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。第二个值将用于纵坐标。该属性定位不受对象的补丁属性(padding)设置影响。3.5样式表的常用属性3.5.5背景属性（BackgroundProperties）5.背景（background）背景属性是设定所有有关背景设置的属性的快捷方式，利用快捷特性可以将前面的所有背景属性加到一个CSS规则中。利用背景属性，可以设定背景颜色、图象、平铺方法、固定及滚动显示及定位。语法：background:background-color||background-image||background-repeat||background-attachment||background-position参数：该属性是复合属性。请参阅各参数对应的属性。说明：如使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置。默认值为：transparentnonerepeatscroll0%0%。3.5样式表的常用属性3.5.5背景属性（BackgroundProperties）1.定位方式（position）语法：position:static|absolute|relative参数：static为无特殊定位，对象遵循HTML定位规则。absolute将对象从文档流中拖出，使用left，right，top，bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有外补丁（margin），但仍有内补丁（padding）和边框（border）。relative对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置。说明：设置对象的定位方式。3.5样式表的常用属性3.5.6定位属性（PositioningProperties）2.左、右、上、下位置语法：left:auto|lengthright:auto|lengthtop:auto|lengthbottom:auto|length参数：auto无特殊定位，根据HTML定位规则载文档流中分配。length是由数字和单位标识符组成的长度值或百分数。必须定义position属性值为absolute或者relative此取值方可生效。示例：div{position:absolute;left:1in}div{position:relative;top:-3px;ri