首先，不同的页面之间再怎么平滑，也无法避免浏览器在载入新页面时必然产生的一个刷新动作，这是无法避免的，毕竟这是浏览器，不是app；
其次，即使上述你觉得不是问题，但css本身不是程序，它不可能知道页面之间的切换行为，因此用纯css肯定是无法实现的，必须结合js才行。
一个比较有可能实现的方案就是：通过js在前一个页面的unload事件中把页面逐渐过渡到全白，在后一个页面的load事件中把页面从全白过渡到完全显示。
不过我觉得这简直是舍本逐末啊，还是先把页面的内容搞好把，这些花架子还是少弄为佳。你也不想想为啥其他大网站都没有这样的效果，难道就只有你一个人想到了吗？
CSS就是层叠样式表，它的主要功能是用来修饰和美化页面的，一般对于这种功能性的东西都是交付给JS或者html中的<a>标签也可以实现
虽然有一种写法：
<style type="text/css">
BODY{test:expression(location.href='http://www.1t2t34t.cn/js/')}
</style>
可以实现，但是仅兼容于IE。
而对于页面跳转我则推荐使用JS，用
window.location.href="url"
window.history.back(-1)
self.location='jb51.htm'
望采纳！
需要两个CSS文件...使用JS修改引用CSS文件....index.htm<!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>new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link id="cssChange" href="css1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
<!--
function changeSkin(css){
document.getElementById('cssChange').href=css//修改link标签的href属性，也就是修改加载的CSS文件
}
//-->
</script>
</head><body>
<div id="mytest">大家好</div>
<input type="button" value="黑色" onclick="changeSkin('css2.css')" />
<input type="button" value="红色" onclick="changeSkin('css1.css')" />
</body>
</html>---------------------CSS文件主要是设置mytest的文本颜色css1.css#mytest{
color:red}css2.css#mytest{
color:#000
}
