css使用的一点经验

css文件中：
a#active_menu:link {
 color: #363D1B;
 font-size:100px;
}
a#active_menu:visited {
 color: #363D1B;
 font-size:100px;
}
a#active_menu:hover {
 color: #363D1B;
 font-size:120px;
}

html文件中：
<a href="www.sohu.com"  id="active_menu">要楞为可膛可膛吕楞吧在</a>

可以实现用ID使用链接样式。
========================================================
css文件中：
#abc333{
...
...
}
在HTML中：
在<table> <td> <div>标签中加入id="abc333"，可实现对标签中的内容的控制

=========================================================
css中：

td a:hover
{
 color: #7BBA72;
 background: #1E3614;
}

以上设置了网页中所有表格中单元格中的链接悬停时的样式

=========================================================
css中:

#thistable td a:hover
{
 color: #7BBA72;
 background: #1E3614;
}

在HTML中，设置一个表格的ID为"thistable"，即：<table id="thistable">
则对于这个表格中所有链接的悬停状态都做了设定。

格式为：
#ID　标签1[.类名]　标签2[.类名]　……　类｛
……
}

所以
td a:hover
{
 color: #7BBA72;
 background: #1E3614;
}

也可以写成
table td a:hover
{
 color: #7BBA72;
 background: #1E3614;
}

 

扩展：
当在CSS中：
#thistable td a.a03:hover
{
 color: #7BBA72;
 background: #1E3614;
}

在只对在HTML中的<a>标签中使用了class=”a03”的链接使用此样式,即<a href=”#” _fcksavedurl="”#”" class=”a03”>

总结：
形如：a.a01:link{...}
对其的解释是：a为标签名，a01是设置的一个类名,即为class中设置的名字，link是一个属性。

========================================================

在<TD Class=maniotd>在样式表链接文件中，
如用：
td.mainotd {
.......
padding-left:33px;
}
会出现padding不能用的情况!

改为：
table tr td.maniotd {
padding-left:33px;
....}
便可以了。

使用PADDING-LEFT等会增加单元格的宽或相应长度，因为PADDING的值不算在单元格宽度内。把表格的宽度改成百分比便可以做到设置PADDING而不改变表格宽度了!