知道项目业务逻辑的人可以只进行内容设计（即页面上要显示哪些东西）而不必去管如何布局如何本色等界面设计问题，然后把内容设计的结果交给精通界面设计的人，由他写CSS。CSS可以控制页面的外观（如某一项内容应该该摆在哪里，使用什么颜色等等）。同样的内容结构，套上不同的CSS，效果完全不同！
另外，多个页面可以共享一个CSS文件，使得网站的页面风格一体化！
关于问题的补充，网页美不美与技术关系不大，要看设计者的灵感以及审美观，现代网页设计一般使用DIV+CSS。
楼主的意思表达不清楚,还是不理解,是不是说当按钮为disabled时候,按钮为灰色吗,这样的话,可以用css滤镜来使得图片变成灰色,不过滤镜只能在IE中实现,firefox等浏览器不能看到效果,这样的话,最好分别准备两个按钮图片,一个为正常,一个为灰色,然后使用js判断一下就OK了,我写了一段,楼主看看<!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>
<meta content="text/htmlcharset=utf-8" http-equiv="Content-Type" />
<title>你好</title>
<style type="text/css">
.huise_a{
background:url(灰色图片)
}
.huise_b{
background:url(灰色图片)
}
.huise_c{
background:url(灰色图片)
}
</style>
<script type="text/javascript">
function test(){
var a=document.getElementById("a")
var b=document.getElementById("b")
var c=document.getElementById("c")
if(a.getAttribute("disabled")=="disabled"){
a.className="huise_a"
}
if(b.getAttribute("disabled")=="disabled"){
b.className="huise_c"
}
if(c.getAttribute("disabled")=="disabled"){
c.className="huise_c"
}
}
window.onload=function(){
test()
}
</script>
</head>
<body>
<input type="reset" class="aa" id="a" disabled="disabled" value="reset" />
<input type="submit" class="bb" id="b" disabled="disabled" value="submit" />
<input type="button" class="cc" id="c" value="button" />
</body>
</html>
