也可以对样式信息使用类似锚标记（<a>）这种带有特定变化的标记从而在将鼠标放置在这些标记上时它们的外观能够自动发生变化如下所示
a:link a:visited
{
color: #cc;
textdecoration: underline;
}
a:hover
{
textdecoration: none;
}
a:active
{
color: #ff;
textdecoration: underline;
}
此代码将在页面上显示带有下划线的红色链接当用户将鼠标放在链接上时下划线将消失而在单击链接时它们立即变成浅橙色通过这种方式可以提示用户鼠标正位于某个链接之上并且刚才单击过某个链接由逗号分隔开的两个条目表示后面的样式信息对它们都有效（在这个示例中逗号分隔的两个条目是a:link和a:visited）
完全使用CSS为页面设置样式的第一步就是决定要为每个元素设置什么样的样式并创建一组样式定义
可以将样式定义存放在两个位置从而将其应用到Web页面上第一个位置是将其存放在页面顶部<ahead>元素内的<style>标记内另一种选择是创建一个独立的外部样式表来保存样式定义并将这个外部样式表文件链接到需要使用它的Web页面
在下一小节将首先介绍把样式定义放在页面上的<style>标记内的技术然后再介绍怎样引入外部的CSS样式表
将样式信息从style属性移到style区域
如果只对单个页面设置样式则可以将样式信息嵌入到页面的HTML语言的<head>标记内如下所示
<html xmlns=http://wwwworg//xhtml>
<head runat=server>
<title>Styled Page </title>
<style>
HighlightedText
{
fontfamily: Trebuchet MS;
Color: Navy;
}
</style>
</head>
<body>
<form id=form runat=server>
<div style=fontfamily: Trebuchet MS;Color: Navy;>
This is highlighted text</div>
<h class=HighlightedText>
This is also highlighted text</h>
</form>
</body>
</html>
[] [] [] [] []
![ASP.NET入门教程 5.1.2 CSS 级联样式表[2]](/UploadFiles/2.jpg)