首页 CSS样式表的应用

CSS样式表的应用

举报
开通vip

CSS样式表的应用实验二 简单HTML语言 CSS样式表的应用 实验目的: 通过用记事本直接编辑带CSS的HTML文件,理解样式表的作用,并初步掌握样式表的用法。: 注意事项: 1.​ 本次实验是以在一个文件中逐步添加HTML标志的方法进行,请详细阅读实验册。 2.​ 本实验最终结果需上交,请通过ftp上传到目录中,只需要上传最终的HTML文件即可,文件名必须是你的学号。 3.​ 为了防止误删别人的文件,所有文件一旦上传就不可删除,如要重新上传,可在原文件名后加入“最新”、“new”等字样,形成新的包含学号的文件名后再次上传。如:原...

CSS样式表的应用
实验二 简单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光片效果
本文档为【CSS样式表的应用】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_408234
暂无简介~
格式:doc
大小:278KB
软件:Word
页数:5
分类:其他高等教育
上传时间:2011-06-10
浏览量:27