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

11.1 CSS简介 用于指定背景图案相对于关联区域左上角的位置。该属性通常指定由空格隔开的两个值。 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属性用来规定某个元素与其他元素之间的距离。 width和height属性可以控制元素的宽度和高度，此时position属性必须指定为absolute。 11.4.5 定位和显示属性 1．定位属性和宽高属性 在CSS中，有两个属性可以控制元素的显示和隐藏，即display属性和visibility属性。 display属性确定一个元素是否应绘制在页面上，它的取值有多个，但在一般的浏览器中，只有一个none值可以使用。 visibility属性有时也被分类为定位属性，用来控制定位的元素是否可见，取值包括：visible（可见）、hidden（隐藏）和inherit（继承），默认值为inherit。 2．显示属性 CSS的鼠标样式属性用于设置鼠标移到元素上时的鼠标形状。通常情况下，鼠标呈指向左上方的箭头，而当鼠标移到超链接上时呈手的形状。有了鼠标样式属性，用户就可以随意地设定鼠标的形状。 CSS的鼠标样式是通过cursor样式表属性定义的，格式为： cursor：属性值 11.