实验二 简单HTML语言 CSS样式表的应用 实验目的: 通过用记事本直接编辑带CSS的HTML文件,理解样式表的作用,并初步掌握样式表的用法。: 注意事项: 1. 本次实验是以在一个文件中逐步添加HTML标志的方法进行,请详细阅读实验册。 2. 本实验最终结果需上交,请通过ftp上传到目录
中,只需要上传最终的HTML文件即可,文件名必须是你的学号。 3. 为了防止误删别人的文件,所有文件一旦上传就不可删除,如要重新上传,可在
原文
少年中国说原文俱舍论原文大医精诚原文注音大学原文和译文对照归藏易原文
件名后加入“最新”、“new”等字样,形成新的包含学号的文件名后再次上传。如:原文件名20050001.htm,改为20050001new.htm再次上传。 实验步骤: 1、 使用记事本建立一个基本的HTML文件: 保存文件为:html格式: 2、使用样式表定义一段文字: 打开浏览器查看效果。 3、使用样式表定义表格: 打开浏览器查看效果。 4、使用样式表定义链接 打开浏览器查看效果。 5、使用样式表定义鼠标形状 这个属性能使用的鼠标形状还有: crosshair:十字; hand:手形;text:文本光标;wait:沙漏;help:问号;e-resize:右箭头;ne-resize:右上向箭头;n-resize:向上箭头;nw-resize:左上箭头;w-resize:向左箭头;sw-resize:左下箭头;s-resize:向下箭头;se-resize:右下箭头。 6、使用样式表实现图片特效 当鼠标移到图片上会发生变化。 注意:filter属性还可以为: Alpha:设置透明度 BlendTrans:图像之间的淡入和淡出的效果 Blru:建立模糊效果 Chroma:把指定的颜色设置为透明 DropShadow:建立阴影效果 FlipH:将元素水平反转 FlipV:将元素垂直反转 Glow:建立外发光效效果 Gray:去掉图像的色彩,显示为黑白图象 Invert:反转图象的颜色,产生类似底片的效果 Mask:建立透明遮罩 RevealTrans:建立切换效果 Shadow:建立另一种阴影效果 Wave:波纹效果 Xray:显现图片的轮廓,X光片效果