用css控制cellspacing、cellpadding
在table中控制单元格之间的间距要用到cellspacing、cellpadding，默认情况cellspacing、cellpadding均不为0，但经常的状况为了不让table单元格之间的间距影响到美观，我们经常会把cellspacing、cellpadding设置为0，因此经常看到“<table cellspacing=0 cellpadding=0>”这样的代码。这样做无形中增加了代码的体积，而且也极其不符合样式与内容分离的web标准，对于我本人来说也是极其厌恶这样的形式的，因此使用css控制cellspacing/cellpadding显的意义重大了！以下是控制方法：
table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}
第一行控制cellspacing，关键是“border-collapse:collapse;”这一句；第二行控制cellpadding，很少人知道控制td吧？：
CSS属性 border-collapse 边框合并属性。
说明：
该CSS属性用来设定表格的行和列的边框是合并成单边框，还是分别有各自的边框。
值：collapse | separate | inherit
可用值
值的说明
separate
缺省值。边框分开，不合并。
collapse
边框合并。即如果相邻，则共用同一个边框。
相关文档：
最近的面试中总是问我一些浏览器兼容性问题，所以下面做一个总结：
为什么会出现这种现象呢？主要就是像Firefox这样浏览器良好支持W3C标准，是目前对CSS支持最好的浏览器，而ie是出现的比较早，在w3c支持方面做的一直不是很好。有很多东西出现FF和IE显示不一样的根本原因在于它们的默认显示不一样，而这个默认样式该如何显 ......
position:relative在css设计中有着居住轻重的作用，如果你还没有用过它那么真是巨大的遗憾，以前做过div title提示框的时候有个箭头定位问题，当时的解决办法就是多套用一层div并且留白一定大小，用来背景显示箭头，但是发现箭头永远在下面，没有办法遮盖
主体融合的部分
，所以效果也就不好，当然，聪明的� ......
1.区别IE和Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6、IE7、IE8*/
}
2.区别IE6、IE7、IE8、Firefox
.title {
background:blue; /*Firefox */
background:red \9; /*IE6、IE7、IE8 */
*background:black; /*IE7 */
_background:orange; /*IE6 */
}
注意，无论怎样，都是FireFox ......
Css 图解margin 和 padding 的区别
以前常常以为margin 和 padding的区别,而老是google,现在理清了...
图解:
margin : 相当于组件的 外边缘 与外部组件的距离
padding : 相当于组件的 内边缘 与内部组件的距离 ......
