【精品】网页制作_实验报告.doc网页制作实验报告
题 目： CSS样式表的应用
院系名称： 计算机系
专业名称： 计算机科学与技术
班 级： 0901
学生姓名： 周成龙
学号（8 位）: 09011004
指导教师：
时间：
实验目的
掌握CSS样式表的引用的几种方式。
学习如何控制字号，字模及加入特殊效果。
了解要素和图像方面的样式设置。
实验内容
1、 整页套用样式：
不执行这个网页程序，回答程序中的问题，为什么？
<html>
<head>
〈Style Type="text/css〃>
<!—
h2 {color:blue;text-align:center}
hl {color:red;text-align:right}
—>
</style>
</head>
<body>
〈hl> 网站 </hl>
〈h2> 网站 </h2>
〈hl>请指出这个几字的颜色及对齐方式</hl>
〈h2>请指出这个几字的颜色及对齐方式</h2>
〈h3>请指出这个几字的颜色</h3>
</body>
</html>
2、 样式文件引入
CSS
不改变以下程序，分别使“网站实验”几个字变红色, 网页实验”几个字变成绿色（使用外联或导入方式） <html>
<head>
<link rel=，，stylesheet" Type="text/css" href="cs. css"
</head>
<body>
〈hl>网站实验</hl>
<h2>css网页实验</h2>
</body>
</html>
3、 如何使有超级链接的文字不出现下划线，如何使鼠标移动到超链上产生 变色的效果写出以下语句，并改变参数，使超链上产生变色，并改变有超级 链接文字的下划线的类型
<html>
〈title>link css</title〉
<head>
〈style>
<! —
a:1ink{color:green;text-decorat ion:none} a:visited{color:red;text-decoration:none} a:hover{color:black;text-decoration:underline;font-size:25pt} —>
</style> </head> <body>
<p style二〃font-fam订y:行书体;font-size:28pt〃>〈a href=zzhttp: //www. eblab. 6to23. com〃>未访问的链接</a></p>
<p style二〃font-fam订y:宋体;font-size:18pt〃>〈a href=zzhttp://www. eblab. 6to23. com〃>访问过的链接</a><p>
<p style二〃font-fam订y:行书体;font-size:18pt〃>〈a href=zzhttp: //www. eblab. 6to23. com〃> 鼠标激活的链接</a><p> </body>
</html>
4、 用css控制的网页
1）用以下语句建立一个6. htm文件
<html>
<head>
〈meta http-equiv二
【精品】网页制作 实验报告 来自淘豆网m.daumloan.com转载请标明出处.
