使用Firefox 当主开发浏览器
firebug 虽然有控制台，但是有时候javascript 代码console.write(“something”)但是并不会正常的显示到控制台上面去，当你碰到console 失败的时候，请尝试下下面的步骤：
启用firebug
2：禁用所有面板和清空激活列表。
使用reset.css 可以省掉很多事情，比如ul ，li 他们在很多浏览器下面的margin ，padding 都不一样，通过使用reset.css 可以将大部分不一致的地方给屏蔽掉，没有理由不使用reset.css啊。 例如下面body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }table { border-collapse:collapse; border-spacing:0; }fieldset,img { border:0; }address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }ol,ul { list-style:none; }caption,th { text-align:left; }h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }q:before,q:after { content:''; }abbr,acronym { border:0; }
解决常见的bug
应该记住的一些浏览器css写法
css hacker.我是从ie8，ie7，ie6，逐渐的调的，因为越到后面需要调的东西越多，而通过这种方式来调的话，我的css 代码改动是比较小的，即所谓的小步前进吧。首先找出是哪个元素引起布局混乱，然后看看是不是属于哪些常见的bug，接着给这个元素设定一个border.通过慢慢的查找，相信除了ie6 ,布局应该都是ok的。但是ie6应该怎么做呢？
比较好的是如图
也可以使用金子般的table传说div 比table 渲染的要快，因为table 必须得等到 ，table 中的元素才会被渲染出来，我没有测试过，不知道是不是这样。
使用一些CSS 框架如果你的页面可以使用一些CSS框架的话，那就尝试使用一款CSS框架吧，960grid， blueprint 应该都还算可以。