第12章 使用CSS样式表.ppt

12.9.1 列表符号list-style-type 使用列表符号属性可以设置列表项所使用的符号类型。 12.9.2 图像符号list-style-image 图像符号属性是指使用图像作为列表符号，以美化网页。 12.9.3 列表缩进list-style-position 使用列表缩进属性可以设置列表缩进的程度。。 12.9.4 列表复合属性list-style 列表复合属性用于设置列表项目的相关样式。 使用光标属性可以设置在对象上移动时鼠标指针采用的光标形状。 12.10 光标属性cursor CSS中的滤镜与Photoshop中的滤镜相似，它可以用很简单的方法对网页中的对象进行特效处理。使用滤镜属性可以把一些特殊效果添加到网页元素中，使页面更加美观 。 12.11 滤镜属性 12.11.1 不透明度alpha alpha属性用于设置对象内容的透明度，使图片产生透明渐变效果。 12.11.2 动感模糊blur blur属性用于设置对象的动态模糊效果。 12.11.3 对颜色进行透明处理chroma chroma滤镜的作用是将图片中的某种颜色转换为透明色，产生透明效果。 12.11.4 阴影效果dropShadow dropShadow滤镜用于设置在指定的方向和位置上产生阴影效果。 12.11.5 对象翻转flipH、flipV flipH滤镜用于设置沿水平方向翻转对象，flipV滤镜属性用于设置沿垂直方向翻转对象。 12.11.6 发光效果glow glow滤镜用于设置在对象周围产生发光的效果。 12.11.7 处理灰度gray gray滤镜用于把彩色图片中的色彩去掉，转换为黑白色图片。 12.11.8 反相invert invert滤镜用于设置对象反相，可以将图片的颜色、饱和度以及亮度完全反转过来。 12.11.9 X光片效果xray xray滤镜用于制作类似X光片的效果。 12.11.10 遮罩效果mask mask滤镜用于为对象产生遮罩效果，可以做出像印章一样的效果。 12.11.11 波形滤镜wave wave滤镜用于为对象内容创建波纹扭曲效果。 12.12经典习题 1. 填空题 （1）CSS的语法结构仅由3部分组成，__________、__________、__________。 （2）添加CSS有4种方法：__________、__________、__________、__________。 （3）__________一般位于HTML文件的头部，即head与/head标签内，并且以style开始，以/style结束，这些定义的样式就可应用到页面中。 （4）在HTML中，设置文字的字体属性需要通过font标记中的face属性，而在CSS中则使用__________属性。 2. 上机操作题 创建一个简单的CSS定义网页边框样式，如图12.70所示 。 * 12.5.2 字符间隔letter-spacing 使用字符间隔可以控制字符之间的间隔距离。 12.5.3 文字修饰text-decoration 使用文字修饰属性可以对文本进行修饰，如设置下画线、删除线等。 12.5.4 垂直对齐方式vertical-align 使用垂直对齐方式可以设置文字的垂直对齐方式。 12.5.5 文本转换text-transform 文本转换属性用来转换英文字母的大小写。 使用text-align属性可以设置文本的水平对齐方式。 12.5.6 水平对齐方式text-align 12.5.7 文本缩进text-indent 在HTML中只能控制段落的整体向右缩进，如果不进行设置，浏览器则默认为不缩进，而在CSS中可以控制段落的首行缩进以及缩进的距离。 12.5.8 文本行高line-height 使用文本行高属性可以控制段落中行与行之间的距离。 white-space属性用于设置页面内空白的处理方式。 12.5.9 处理空白white-space 12.5.10 文本反排unicode-bidi、direction unicode-bidi与direction属性经常一起使用，用来设置对象的阅读顺序。 使用外边距属性可以设置元素周围的边界宽度，包括上、下、左、右4个边界的距离。内边距属性用于设置边框和元素内容之间的间距，同样包括上、下、左、右4个方向的边距值。它们的设置值都是一样的，都为数值，单位可以是长度单位，也可以是百分比单位。 12.6 外边距与内边距属性 12.6.1 上边距margin-top 上边距也叫顶端边距，使用上边距可以设置元素的上边界，可以使用长度值或百分比。 12.6.2 其他边距margin-bottom、margin-left、margin-right 底边边距用于设置元素下方的边距