css 样式【不断更新中】

I 、选择器
一、超链接
a             {color: #3f87d7; text-decoration: none}  /*   未访问的链接   */   
a:link       {color:   #FF0000;   text-decoration:   none}   /*   未访问的链接  同上 */   
a:visited  {color:   #00FF00;   text-decoration:   none}   /*   已访问的链接   */   
a:hover   {color:   #FF00FF;   text-decoration:   underline}   /*  鼠标放在链接上时  */   
a:active   {color:   #0000FF;   text-decoration:   underline}   /*   激活链接   */

II、CSS属性：
一、background-repeat属性
repeat：沿X轴和Y轴两个方向重复显示图片。
repeat-x：沿X轴方向重复图片。
repeat-y：沿Y轴方向重复图片。
none：不重复图片。
.class1{ BACKGROUND: url(1.gif) repeat-x  top 50%}/*沿X轴重复1.gif*/
.class2{ BACKGROUND: url(2.gif) repeat-y  left  50%}/*沿Y轴重复2.gif*/


background: url(../images/nav_button.gif) no-repeat 0px -58px; /*0px -58px是 css2.0 中的 background-                                                                                            position属性，长从0开始计算，高从58开始
                                                                                              */
.nav_main li {
 float: left;
 text-align: center;
 list-style:none;
} /* 注意float属性，如果没有的话，它会换行，只有设置了，多个选项卡才会在同一行上*/


以上参考材料：blog.csdn.net/jenfier/archive/2005/12/21/558001.aspx

III、CSS的RevealTrans滤镜
CSS的RevealTrans动态滤镜是一个神奇的滤镜，它能产生23种动态效果，更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。用它来进行网页之间的动态切换，简直方便极了，你只要在网页源代码的< head >与< /head >之间插入这样一行代码：< Meta content=revealTrans(Transition=14,Duration=3.0) http-equiv=Page-enter >，当你进入这个页面时，网页将象拉幕一样从中间向两边拉开，是不是别具一格！
RevealTrans滤镜只有两个参数，Duration：是切换时间，以秒为单位；Transition：是切换方式，它有24种方式，详见下表：

切换效果    Transition参数值       切换效果        Transition参数值 

矩形从大至小       0               随机溶解             12 

矩形从小至大       1             从上下向中间展开       13 

圆形从大至小       2             从中间向上下展开       14 

圆形从小至大       3             从两边向中间展开       15 

向上推开           4             从中间向两边展开       16 

向下推开           5             从右上向左下展开       17 

向右推开           6             从右下向左上展开       18 

向左推开           7             从左上向右下展开       19 

垂直形百叶窗       8             从左下向右上展开       20 

水平形百叶窗       9               随机水平细纹         21 

水平棋盘           10              随机垂直细纹         22 

垂直棋盘           11             随机选取一种特效      23 

实例：
< script language="JavaScript" >
　　< !--
　　function HelpArray(len)
　　{
　　this.length=len;
　　}
　　// 建立一个数组，存放转换的内容。
　　HelpText=new HelpArray(5);
　　HelpText[0]="在一个文档使用动态转换的滤镜（Revealtrans）其实是很容易的。";
　　HelpText[1]="首先，为对象的样式表单建立一个需要转换的“Revaltrans"滤镜，";
　　HelpText[2]="然后，使用“apply()"方法防止错误，";
　　HelpText[3]="现在，你可以改变任何你想改变的东西，";
　　HelpText[4]="最后，“play()"方法开始进行转换。";
　　ScriptText=new HelpArray(5);
　　var i= -1;
　　// 显示转换效果
　　function playHelp()
　　{
　　if (i==4)
　　{ i=0 ;}
　　else
　　{ i++; }
　　div1.filters[0].apply();
　　div1.innerText=HelpText[i];
　　div1.filters[0].play();
　　// 设置每段字幕演示的时间，以毫秒计。这里的时间要长于滤镜中的时间，以保证在转换结束后能停留一段时间。
　　// 以方便看清楚字幕内容。在本例中字幕演示的时间是6秒，滤镜中设置的转换时间是2秒。
　　mytimeout=setTimeout("playHelp()",6000);
　　}
　　-- >
　　< /script >
以上参考材料：http://hi.baidu.com/eternity8013/blog/item/50e00e5456f5861c3a2935eb.html