本文列举了HTML中使用CSS的基本方法，供大家参考。
引用一个CSS文件
[css]
<link type="text/css" rel="stylesheet" href="js_css/menutree.css">
HTML的<head>内直接定义
[css]
<style type="text/css">
</style>
使用id
[css]
<style type="text/css">
#loginTable
{
}
</style>
HTML
<table id="loginTable">
</table>
覆盖HTML Tag类
[css]
<style type="text/css">
table
{
}
</style>
HTML
<table>
</table>
此例中，页面中所有的<table>标签被统一定义。
继承HTML Tag子类
[css]
CSS
<style type="text/css">
table.login
{
}
</style>
HTML
<table class="login">
</table>
此例中，HTML中所有带class="login"属性的<table>标签被统一定义。
继承伪状态
[css]
a:link { }
a:visited { }
a:active { }
a:hover { }
又
a.menu:link {}
a.menu:visited{}
自定义类
以句号开头的是自定义类
[css]
<style type="text/css">
.loginTable
{
}
</style>
HTML
<table class="loginTable">
</table>
此例中，所有指定class="loginTable"的标签被统一定义。注意，各种Html标签的属性可能略有不同，也就是说.loginTable中的有些属些可能不会生效。例如，给一个table标签指定float属性，肯定是不会生效的。
直接定义
HTML
[css]
<table style="{border-width:1px; border-style: solid; }">
</table>
CSS与HTML综合
既使用CSS，也使用传统属性定义， 则CSS会覆盖HTML属性定义。
CSS
[css]
table.s
{
width: 100px;
}
HTML
<table width="400" height="400" class="s"> </table>
由于CSS中指定了width，则实际宽度以CSS为准, width=100; 高度在CSS中没有定义，则以HTML属性为准, height=400
作者：iamshaofa
