调用外部样式表文件设置网页中超级链接标志的样式.ppt
《调用外部样式表文件设置网页中超级链接标志的样式.ppt》由会员分享,可在线阅读,更多相关《调用外部样式表文件设置网页中超级链接标志的样式.ppt(20页珍藏版)》请在三一文库上搜索。
1、,实验内容 1、制作网页中特大字效果; 2、修改背景图片的样式; 3、调用外部样式表文件,设置网页中超级链接标志的样式。,实验目的 1 、学会运用样式表修饰网页中的元素。,实验重点 1 、定义样式表的三种方式,实验难点 1 、CSS属性 的意义及使用,实验步骤 项目一 制作网页中特大字效果 第一步:演示网页效果,查看特大字效果。,第二步:演示制作特大字的过程 1、打开dreamweaver,在站点目录下新建网页,输入文本信息,“神奇的董永故里,美丽的湖北职院”, 保存网页为1.htm。预览网页效果。,2、定义css样式。 选择“文本”-“CSS样式表”- “新建”,设置如下:,单击确定,设定样
2、式:,3、将设定的样式应用到文本。 选定文本,单击右键,在弹出的菜单中选择CSS 样式- KK,保存网页,预览。,思考题: 在网页中,通常文本设置为12px或10.5pt,该样式如何设定?,项目二 修改背景图片样式 第一步:查看没有设定背景图片时的网页效果。,保存网页并,预览。,第二步:设定背景图片及样式。,1、在代码视图方式下,加入背景图片代码:,2 、设定背景图片的样式。 选择文本-CSS样式-新建:,设定body标志的背景样式:,保存并预览:,项目三 调用外部样式表文件,设置网页中超级链接标志的样式 第一步:查看没有设置超级链接标志前网页效果。,第二步:定义超级链接标志A的样式,保存为1.CSS文件。 第三步:调用样式表文件中设定的样式。 1、选择文本-CSS样式-附加样式表,设定样式 表文件名:,保存并预览网页效果:,实验小结 本次实验中,通过三个实验项目,验证了样式表定义的三种方式,即用户自定义样式、对HTML标志的样式重新设定、调用外部样式表文件。灵活的运用CSS样式,可以设计站点的不同风格。,谢 谢!,
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 调用 外部 样式 文件 设置 网页 超级链接 标志
链接地址:https://www.31doc.com/p-3222251.html