由于各浏览器的默认CSS样式不一样，我们必须写一个CSS Reset统一起来。
通常我的做法是在common.css里写全局控制，这里面也包括header和footer，其它CSS文件就通过@import url(”
common.css”);引用。
body{padding:10px;margin:0;background:#fff;font-size:12px;line-height:14px;color:#333;font-
family:Arial;}
form,ul,ol,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;list-style:none;}
input,textarea,select,button{font-size:12px;}
img{border:none;}
address,cite,small{color:#999;font-style:normal;font-size:12px;}
a{color:#09c;text-decoration:none;}
a:hover{text-decoration:underline;}
#header{...}
#footer{...}
由于浏览器版本的不同，对CSS里某些元素的解释也不一样，才子当然也碰到同样的问题，也收集了一些解决方法，才子之前贴过两个针对浏览器版本不同而选择不同CSS的代码，有兴趣的朋友自己找找吧。
其实我们还可以利用条件注释的方法来达到类似的目的，什么是条件注释，才子也在此简单介绍一下，无非就是一些if判断啦，呵呵， ......
Html代码
view plaincopy to clipboardprint?
<div style="width: 230px; border: 1px solid blue; overflow: hidden; text-overflow:ellipsis">
<nobr>就是比如有一行文字，很长，表格内一行显� ......
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 ......
CSS代码
<style>
body{
background-color:#f4f4f4;
font-size:12px;
}
div.test{
width:200px;
height:100px;
border:1px solid red;
border-top:4px solid red;
padding:10px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
</style>
HTML代码
<div class="test"&g ......
