补充主题及样式表.pptVIP

美化系统界面 （2）border-width：设置元素边框的宽度，可能取值如表4.17所示。 值 描 述 medium 默认值。默认宽度 thin 小于默认宽度 thick 大于默认宽度 值 由浮点数字和单位标识符组成的长度值，不可为负值 表4.17 border-width取值 （3）border-color：设置元素边框的颜色，通过颜色选择窗口选择。 5．方框 如图4.34所示，方框类别用来设置元素边框与其他元素边框之间距离，称为边距（Margin）。设置元素内容与元素边框之间距离，称为空白（Padding）。 图4.34 样式控制器－方框 要理解元素边距和空白的概念，需要理解CSS中元素的“盒模型”。网页内的每一个元素在网页上都是可以看成一个盒子，盒子结构如图4.35所示。即一个元素由如下几部分组成的：内容、空白、边框、边距。因此一个元素的实际长度等于：左边距＋左边框＋左空白＋内容长度＋右空白＋右边框＋右边距。 图4.35 CSS盒子模型 6．定位 如图4.36所示，定位类别主要用来设置元素在页面中的位置属性。包括位置模式（position），层次顺序（z-index），宽度（width），高度（height），相对具有定位设置的父元素的位置关系（top、right、bottom、left）。 图4.36 样式控制器－定位 position：用来设置元素在网页内的位置模式，可能取值如表4.18所示。 值 描 述 static 默认值。无特殊定位，元素遵循HTML定位规则，正常流中的位置 absolute 将元素从文档流中拖出，使用top、right、bottom，left等属性相对于其最接近的一个最有定位设置的父元素进行绝对定位。如果不存在这样的父元素，则依据 body 元素。允许元素重叠，层叠通过z-index 属性定义 relative 元素不可层叠，但将依据top、right、bottom、left等属性在正常文档流中偏移位置 fixed 未支持。元素定位遵从绝对（absolute）方式，但是要遵守一些规范 表4.18 position取值 不同位置模式的定位原则如下。 （1）正常流中的位置 正常流中的位置是按照如下的布局显示的。网页中的元素按照从左到右、从上到下的顺序显示，各元素之间不重叠。如果不设置元素定位方式，则正常流中的位置作为默认显示方式。 （2）绝对定位 绝对位置是指元素显示在页中的位置由sytle样式的top、right、bottom、left及z-index属性决定的。 （3）正常流中的偏移量 正常流中的偏移量是元素在正常流中的位置基础上，再做一定的偏移后所处的位置为元素的显示位置。如果元素在正常流中的位置做了偏移，那以前应该在的位置会出现一个空洞，别的元素无法占用。因此一般只把一个元素的模式设置为“正常流中偏移量”，而实际不进行位置偏移。 top是元素上边框离参考物上边框的距离，right是元素右边框离参考物右边框的距离，bottom是元素下边框离参考物下边框的距离，left是元素左边框离参考物左边框的距离。 top、right、bottom、left的取值为“由浮点数字和单位标识符组成的长度值 | 百分数”，可以取负值。 top、right、bottom、left属性的值只有在absolute和relative位置模式下才有效。 width和height是元素的宽度和高度。当设置了width和height属性的值，又设置top、right、bottom、left属性的值的情况下，则元素的位置只受width、height、top和left属性的约束。 7．布局 如图4.37所示，布局类别主要用来设置元素在网页内的布局属性。包括可见性（visibility），显示方式（display），浮动（float），浮动清除（clear），光标形状（cursor），溢出控制（overflow），可视区域（clip：rect（…））。 图4.37 样式控制器－布局 （1）visibility：设置元素的可视属性，可能取值如表4.19所示。 值 描 述 visible 元素可视 hidden 元素隐藏 collapse 主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用 表4.19 visibility取值 （2）display：设置元素是否显示及如何显示，可能取值如表4.20所示。 值 描 述 block 默认值。将元素强制作为块元素呈递，为元素之后添加新行 none 隐藏元素。与visibility属性的hidden值不同，其不为被隐藏的元素保留物理空间 inline 内联元素的默认值。将元素强制作为内联元素呈递 表4.20 display取值 （