HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="Untitled-4.css" rel="stylesheet" type="text/css" />
</head>
<body><br />
<a href="http://www.baidu.com/">百度官网
</a>
<br />
<p>春来了，草绿了</p>
<p>春天花会开</p>
<div style="background-color:#0F0">654321</div>
<div class="aa" id="a1">a1</div>
<div class="aa" id="a2"><p>a2</p></div>
<div class="aa" id="a3">a3</div>
<div class="aa" id="a4">a4</div>
</body>
</html>
CSS
@charset "utf-8";
/* CSS Document */
p/*针对所有P标签*/
{
font-size:18px;/*规定字体大小*/
color:#F00;/*规定文字颜色*/
background-color:#FF0;/*规定背景颜色*/
}
.aa
{ width:300px;
height:200px;
border:1px solid #900;
}
.aa p
{ font-size:36px; color:#F06;
}
#a1
{ background-color:#0C6;
}
#a2
{ background-color: #309;
}
#a3
{ background-color: #3FF;
}
#a4
{ background-color: #90C;
}
a
{font-size:24px;
}
a:link
{ text-decoration: none; color:black;
}
a:visited
{ text-decoration: none; color:black;
}
a:hover
{ text-decoration: underline; color:orange;
}
a:active
{ text-decoration: underline; color:black;
}
