文档介绍：实验三 CSS样式表的应用---CSS的引用
一、实验目的
1、掌握CSS样式表的引用的几种方式
2、学****如何控制字号,字模及加入特殊效果
3、了解要素和图象方面的样式设置
二、实验内容
1、整页套用样式:
不执行这个网页程序,回答程序中的问题,为什么?
<html>
<head>
<Style Type="text/css">
<!—
h2{color:blue;text-align:center}
h1{color:red;text-align:right}
-->
</style>
</head>
<body>
<h1>网站</h1>
<h2>网站</h2>
<h1>请指出这个几字的颜色及对齐方式</h1>
<h2>请指出这个几字的颜色及对齐方式</h2>
<h3>请指出这个几字的颜色</h3>
</body>
</html>
2、样式文件引入
不改变以下程序,分别使“网站实验”几个字变红色,“css网页实验”几个字变成绿色(分别使用外联和导入方式)
<html>
<head>
<link rel="stylesheet" Type="text/css" href="">
</head>
<body>
<h1>网站实验</h1>
<h2>css网页实验</h2>
</body>
</html>
3、如何使有超级链接的文字不出现下划线,如何使鼠标移动到超链上产生变色的效果
写出以下语句,并改变参数,使超链上产生变色,并改变有超级链接文字的下划线的类型
<html>
<title>link css</title>
<head>
<style>
<!--
a:link{color:green;text-decoration:none}
a:visited{color:red;text-decoration:none}
a:hover{color:black;text-decoration:underline;font-size:25pt}
-->
</style>
</head>
<body>
<p style="font-family:行书体;font-size:28pt"> <a 
href=".com">未访问的链接</a></p>
<p style="font-family:宋体;font-size:18pt"> <a 
href=".com">访问过的链接</a><p>
<p style="font-family:行书体;font-size:18pt"> <a 
href=".com"> 鼠标激活的链接</a><p>
</body>
</html>
4、用 css 控制的网页
1)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>用 css 控制的网页</title>
<link rel="stylesheet" type="text/css" href="">
</head>
<body>
<table width=