CSS样式表作业.doc

CSS样式作业作业须知：首先，在zuoye2文件夹下，新建03.htm ，并在网页中输入自己的学号和姓名。以下所有操作均在03.htm中完成。作业完成后，将zuoye2文件夹整体压缩，登录远程教育网通过网上提交作业。最终效果如下图所示：一、 修改网页背景可以修改某一对象的背景，如文本背景、表格背景、或网页背景等。背景可以使用颜色，也可以使用图片。建立网页背景：单击按钮，选择“重定义HTML标签”，再选择body标签，再选择合适的背景图片。（该背景图片必须以英文命名并存放在zuoye2文件夹下，方便提交作业）。二. 更改超链接的样式不同的超链接效果,可以通过CSS“选择器类型”中的“高级（ID、上下文选择器等）”中进行设置，有四个选项可供选择：n a:link：未访问的链接。n a:visited：已访问过的超链接。n a:hover：鼠标指针移到超链接文字上时的超链接。n a:active：正在访问的超链接。利用CSS样式更改超链接样式的操作为：l 在网页中输入文本“应用CSS样式设置超链接”，选中这段文字，并在属性面板的链接地址处输入“ # ”l 在CSS样式面板中，单击按钮，打开“新建CSS规则”对话框，在“选择器类型”选择“高级”，在“选择器”中选择“a:link”。l “定义在”选择“仅对该文档”，单击“确定”，打开“a:link的CSS规则定义”对话框。l 在“类型”分类中，设置字体：幼圆，颜色：#00CC00，修饰：无（无下划线）。l 单击“确定”按钮，完成a:link样式的创建。l 重复以上操作分别设置：n a:visited，字体：华文行楷，颜色：#660033，修饰：无（无下划线）。n a:hover：字体：幼圆，颜色：#FF0000，修饰：下划线。n a:active：字体：华文新魏，样式：斜体，颜色：#0000CC，修饰：下划线。l 保存并在浏览器中预览网页，效果如图所示。三. 改变鼠标形状改变鼠标的形状是应用扩展类别中的光标属性来设置的，操作为：l 在网页中插入一个如图所示的表格鼠标状态手形鼠标状态十字鼠标状态文本鼠标状态等待鼠标状态帮助l 在CSS样式面板中，单击按钮，打开“新建CSS规则”对话框，如图所示。l 输入CSS样式的名称. mouse1， “选择器类型”选择“类”选项，“定义在”选择“仅对该文档”。l 点击“确定”，打开“. mouse1的CSS规则定义”对话框，切换到“扩展”分类，如图。l 在“视觉效果”的“光标”的下拉列表中选择“hand”，单击“确定”按钮，样式建立完成。l 然后选中表格的第一行，在“在属性面板”的“样式”的下拉列表中选择“mouse1” 应用。l 按照上述方法，分别做 . mouse2 (十字crosshair)， . mouse3(文本text), . mouse4(等待wait), . mouse5(帮助help)l 保存网页，在浏览器中鼠标指向图像测试效果。四. 应用CSS模糊效果滤镜在网页中插入两幅相同的图像（该图片必须以英文命名并存放在zuoye2文件夹下，方便提交作业）。l 在CSS样式面板中，单击 按钮，打开“新建CSS规则”对话框。如图所示。 l 名称中输入“. blur”，“选择器类型”选择“类”，“定义在”选择“仅对该文档”。l 设置完成后，单击“确定”按钮，打开“.blur的CSS规则定义”对话框，切换到“扩展”分类。l 在“滤镜”中选择Blur滤镜，参数设置如下：Blur(Add=true, Direction=135,Strength=20)。l 设置完成后，单击“确定