一个xhtml 1.0下不能正常显示的问题
有下面一段代码,实现链接浮雕效果:
<!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=gb2312" />
<head>
<title>
CSS-按钮式链接
</title>
<style type="text/css">
table{
background:url("../img/button1_bg.jpg") repeat-x;
font-size:12px;
font-family:Arial;
width:100%;
}
a{
width:80px;
height:32px;
padding-top:10px;
text-decoration:none;
text-align:center;
}
a,a:visited{
background:url("../img/button1.jpg") no-repeat;
color:#000000;
}
a:hover{
background:url("../img/button2.jpg") no-repeat;
color:#ffffff;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" class="links">
<tr>
<td><a href="#">Home</a><a href="#">About Us</a><a href="#">Product</a><a href="#">Contact</a></td>
</tr>
</table>
</body>
</html>
1、当用xhtml1.0时显示不正常,当去掉“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”时,显示正常,请问为什么?
2、这段代码中的<table cellpadding="0" cellspacing="0" class="links">这个links是什么意思,应该不是CSS中的类别选择器吧,为什么可以这样调用?