网页设计与制作实用技术电子教案－齐建玲 CH13.PPTVIP

13.1 脚本语言简介 background属性是一个组合属性，可用于同时设置background- color、background- image、back2round-attachment、background-position、background-repeat等背景属性。 11.4.3 颜色与背景属性 1．background属性 用于设置HTML元素的背景颜色。此属性的默认值是transparent，表示没有任何颜色，此时上级元素的背景可以在子元素中显示出来。 2．background-color属性 用于设置HTML元素的背景图案，取值为url或none。默认值为none，即没有背景图案。该属性相当于HTML中BODY标签的background属性，只是它可以定义更多元素的背景图像。 3．background-image属性 用于控制背景图像是否随内容一起滚动，取值为scroll、fixed。默认值为scroll，表示背景图案随着内容一起滚动；fixed表示背景图案静止，而内容可以滚动。 4．background-attachment属性 用于指定背景图案相对于关联区域左上角的位置。该属性通常指定由空格隔开的两个值。 5．background-position属性 表示当使用背景图案时，背景图案是否重复显示。取值可以是：repeat表示在水平方向和垂直方向都重复，即像铺地板一样将背景图案平铺；repeat-x表示在水平方向上平铺；repeat-y表示在垂直方向上平铺；no-repeat表示不平铺，即只显示一幅背景图案。 6．background-repeat属性 所有网页上的元素都有边框，只是大部分缺省没有显示出来。CSS边框属性设置包括三项：边框颜色（color）、边框样式（style）和边框宽度（width），而边框又包括四个方向：上（top）、下（bottom）、左（1eft）和右（right）。将边框设置和方向组合起来，则构成了多种属性。如：border-bottom、border-bottom-color、border-bottom-style、border-bottom-width、border-right-color、border-right-style、border-right-width等等。 11.4.4 布局属性 1．边框属性 CSS边界属性包括边界margin、下边界margin-bottom、左边界margin-left、右边界margin- right以及上边界margin-top。 margin-left、margin-fight、margin-top和margin-bottom属性可以分别用来设置左、右、上、下边界的宽度，它们的取值可以是长度、百分比或auto。 margin属性可以同时指定上、右、下、左（以此顺序）边界的宽度。 2．边界属性 CSS填充属性包括填充padding、左填充padding-left、右填充padding-right、上填充padding-top以及下填充padding-bottom。 padding-left、padding-right、padding-top和padding-bottom这四个属性用于设置左、右、上、下填充区的宽度，取值可以是长度和百分数。 padding属性用于同时指定上、右、下、左四个方向填充的宽度。 3．填充属性 CSS浮动属性包括float和clear。float属性可以将元素的内容浮动到页面左边缘或右边缘，该属性的取值为：none、left、right，默认值为none。clear属性指定了元素是否允许浮动元素在它旁边，取值可以是：none、left、right、both，默认值为none，表示允许浮动元素在其旁边；left表示跳过左边的浮动元素；right表示跳过右边的浮动元素，both表示跳过所有的浮动元素。 4、浮动属性 CSS定位属性包括position、top、bottom、left、right和z-index，宽、高属性包括width和height。 position属性用来规定元素怎样在Web页上定位，它的取值为：static（默认值）、relative或absolute。 top和left属性