HTML+CSS写前台的步骤是怎样的？内详。

你的方法即：
“边写HTML边写CSS同时不停在I个浏览器下调试，写一点看一点，确保页面效果一致。”
是基本正确的，这点你继续保持就行。

至于你说你的效率慢，主要原因有两点，分别是你上面提到的“方法问题” 和 “不熟练的原因”。

第一.......“方法问题”就是你应该用 dreamweaver（以下简称dr）等编辑工具来写代码，而不应该用记事本，用记事本虽然有助于你熟练的掌握代码，但是效率却会很低。 将来你去网络公司工作，会发现 网络公司的人都是用的某个编辑工具写代码的，比如 dr 或 eclips，Visual Studio 等等。 没有人用 记事本写代码的，至少我没见过。。。。

第二.......“熟练问题” 你上面已经说了，你是一面敲代码一边在各个浏览器中测试。 那么，你是打多少代码后才会在浏览器中测试呢？ 如果你不熟练的话，可能每敲一个属性比如：width:100px; 就会在各个浏览器中测试一下看看有没有问题。 而等你熟悉以后，你会敲好几个属性才会测试一下有没有问题。 而且， 等你熟悉了各个浏览器的差异后， 你会只在一个浏览器中测试就可以了，而不用每个浏览器都测试一遍， 这样就会极大增加你的效率了。
备注一下： 个人认为只要在IE6 , IE7 , firefox下测试没问题，就基本OK了。

另： 你的另一种假设：“是不是先把纯粹的HTML代码写完，然后慢慢编辑CSS” 不对， 而应该是 结构 和 样式 一块写才对。

另：让你用dr编辑工具并不是让你用 dr 的其他 没用的功能，做为一个 专业 的 网页制作， dr 只是用来敲代码的， 而不是用 dr 的视图界面在那里 拖来拖去 。。。。

总之，继续保持你现在的工作方式，即： 一边敲代码一边在各个浏览器中测试。 这个没错。 然后需要改进的就是原来在记事本里敲现在要换成在dr 里面敲。 然后就是多练， 尽量记住 各个CSS 在单个浏览器中的效果，记住 各个 CSS 在不同浏览器中的效果，这样你就可以尽量避免 来回 调试所花的时间。

最后再说一下： 一个页面，比如首页，熟练工切图切个1-3个小时是完全正常的。

工欲利其器，必先利其器。你那么写还不如Table快哩。

先把CSS的基础打扎实，掌握常用布局的模式和写法，熟能生巧。

使用dreamwaver软件写，测试的话使用IETEST和火狐就行，而且以主要测ie6和火狐就行 ie8和火狐的效果基本一样

先把想要的布局画在纸上 然后分成区块 一块块写 熟练就快了

建议使用dreamweaver这个软件，不是要你用它的可视化编辑功能，而是使用它的代码提示功能，这样可事半功倍。在DW中写CSS借助提示功能也是很快的。

联系我邮箱吧 diggcn@sohu.com，我是从事网站前端工作的，我来告诉你这个流程...