CSS filter:RevealTrans 用法：
Filter:revealtrans(duration=转换的秒数，transition=转换的类型）
CSS的RevealTrans动态滤镜是一个神奇的滤镜，它能产生23种动态效果，更为奇妙的是它还能在23种动态效果中随机抽用其中的一种。
　　两个参数Transition和Duration，分别是变换效果和持续时间，其中Duration是浮点数。
　　此外还有两个属性Enabled和Percent分别是是否激活滤镜和当前静态滤镜输出在转换进程中所处的点。
　　设置完后还需要运行apply和play方法，分别是应用变换效果和运行效果
　　下面列出所有效果和对应Transition值（参考手册）：
　　值 : 效果
　　0 : 矩形收缩转换。 
　　1 : 矩形扩张转换。 
　　2 : 圆形收缩转换。 
　　3 : 圆形扩张转换。 
　　4 : 向上擦除。 
　　5 : 向下擦除。 
　　6 : 向右擦除。 
　　7 : 向左擦除。 
　　8 : 纵向百叶窗转换。 
　　9 : 横向百叶窗转换。 
　　10 : 国际象棋棋盘横向转换。 
　　11 : 国际象棋棋盘纵向转换。 
　　12 : 随机杂点干扰转换。 
　　13 : 左右关门效果转换。 
　　14 : 左右开门效果转换。&nb ......

在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的＜td＞、＜th＞、＜caption＞等，而像＜div＞、＜span＞这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。
css垂直居中的各种办法
　　一、单行垂直居中
如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如：
div {
height:25px;
line-height:25px;
overflow:hidden;
}
　　这段代码很简，后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行，这样就达不到垂直居中效果了。
＜!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＞
＜title＞ 单行文字实现垂直居中 ＜/title＞
＜meta http-equiv ......

Jquery对css的操作相当方便，能很方便我们去通过js修改css。传统javascript对css的操作相当繁琐，比如
<div id="a" style="background:blue">css</div>
取它的background语法是：
document.getElementById("a").style.background
而jQuery对css更方便的操作：
$("#a").background();$("#a").background(“red”)
说明如下
$("#a")得到jQuery对象[ <div id="a" … /div> ]
$("#a").background()将取出该对象的background样式。
$("#a").background(“red”)将该对象的background样式设为redjQuery提供了以下方法，来操作css:
background ()
background (val)
color()
color(val)
css(name)
css(prop)
css(key, value)
float()
float(val)
height()
height(val)
width()
width(val)  
left()
left(val)
overflow()
overflow(val)
position()
position(val)
top()
top(val)
这里需要讲解一下css(name);css(prop);css(key, value)，其他的看名字都知道什么作用了！
<div id="a" style="background:blue; color:red">css</div><P id="b">test</P>
css(name): ......

你大概知道：对于一个新的访问者来说，他在最初20秒内与某网站的互动情况，决定了他是否会留在这个网站做进一步的探索，还是扬长而去。这就意味着，在设计网页的时候，你必须遵循一定的规律来留住访问者。简单的说，就是把所有的网页元素放在访问者所期待的位置。进行此设计的一个重要而有效的部分，就是整一个易于使用的导航菜单。
本文将手把手带领您在jQuery的帮助下，制作一个漂亮的CSS + XHTML导航菜单。
Home
Services
Our clients
The team
About us
Contact us
第一步：HTML
<div id="menu-container">
<ul id="navigationMenu">
<li><a href="#" mce_href="#" class="normalMenu">Home</a></li>
<li><a href="#" mce_href="#" class="normalMenu">Services</a></li>
<li><a href="#" mce_href="#" class="selectedMenu">Our clients</a></li>
<li><a href="#" mce_href="#" class="normalMenu">T ......

按钮样式*/
.ButtonCss {}{
    font-family: "Tahoma", "宋体";
    font-size:9pt; color: #003399;
    border: 1px #003399 solid;
    color:006699;
    BORDER-BOTTOM: #93bee2 1px solid;
    BORDER-LEFT: #93bee2 1px solid;
    BORDER-RIGHT: #93bee2 1px solid;
    BORDER-TOP: #93bee2 1px solid;
    background-image:url(../Images/bluebuttonbg.gif);
    background-color: #e8f4ff;
    CURSOR: hand;
    font-style: normal ;
    width:60px;
    height:22px;
}
/**//*蓝色按钮样式*/
.blueButtonCss {}{
    font-family: "Tahoma", "宋体";
    font-size: 9pt; color: #003366;
    border: 0px #93bee2 solid;
   /**//* BORDER-BOTTOM: #93bee2 1px solid;
    BORDER-LEFT: #93bee2 1px solid;
  &nb ......

 
DIV＋CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV＋CSS网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV CSS设计的网页，就应该更注意IE6、IE7、FF对CSS样式的兼容，不然，你的网页可能乱的一塌糊涂！我经常被这些东西整的焦头烂额,于是呼在网上找了些资料,加上自己的理解和这些日子的经验,整理了一些资料,其中有一些我还没用到的和还不能理解的,就直接从别的地方给粘了过来, 不知道有没有错误,等我以后用到的时候慢慢改吧,希望对大家有点帮助!－－好经验共享交流网
什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。好吧，我服了行吧，那我就利用你们的不兼容各写一段css,让他们各执行各的，这下总该你没脾气了吧，呵呵。
好了，言归正传
最佳解决方案，同一个样式定义3套，针对不同浏览器用，如#wrapper
#wrapper { width: 120px; } /* FireFox */
*html #wrapper { width: 80px;} /* ie6 fixed */ ......