1、html文件（负责网页的内容）
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title> 欢迎来到梦之都 </title><!--这是引入css文件的外联方式--><link rel="stylesheet" type="text/css" href="dreamdu.css"></head><body><h1>欢迎来到乐凡空间</h1><p>这是我的第一个网页,在这里<a href="http://www.dreamdu.com/css/">尽情学习CSS</a>吧!</p></body>
</html>
2、css（负责网页的布局和内容的样式，我们采用外联的方式引入）
/*段落样式*/
p
{color: purple;font-size: 12px;
}/*标题样式*/
h1
{color: olive;text-decoration: underline;
}/*链接样式*/
/*这个选择器是设置了连接没有访问前的样式*/
a:link
{color:#006486;
}
/*这个选择器是设置了连接访问后的样式*/
a:visited
{ color:#464646;
}
/*这个连接是鼠标悬停在上面的时候的样式*/
a:hover
{ color: #fff;background: #3080CB;
}
/*这个选择器是鼠标按下之后的样式*/
a:active
{ color:white;background: #3080CB ;
}
