懒人的诉求：有没有支持CSS文件的可视化的页面开发工具？_html/css_WEB-ITnose

没正经做过网页，以前一直用编辑器看html,css,然后用浏览器调试。
今天突然发现这样太累了，如果页面复杂而且初始代码不是自己做的，就要发挥空间想象从html想页面。

请问有没有什么工具能所见即所得？ 以前听说过dreamwaver,但是似乎那个东西编辑的css都是直接写在html代码里面的，会造成代码混乱不堪。 如果想保持所有CSS单独一个文件， html里面只有class, id, 同时还能可视化，比如代码里选中个div, 视图上就能反映出位置。  
----请问有这样的工具么？是不是太懒了一点

回复讨论(解决方案)

dreamwaver  css不都是直接写在html代码里面

可视化？

浏览器就得了，直接在浏览器的调试面板修改，修改好一个，就把改好的修改到css文件中去，然后再修改另外的，多好，这样至少你写代码的浏览器是不会有兼容问题的。

ie浏览器不行，那个调试工具太扯了

个人感觉火狐和谷歌的都不错，试试呗。

DW里 好像就已经支持了   包括布局  背景  大小的 一套可视化的工具

一直在用DW……

topstyle

代码修改后，浏览器f5一下，麻烦么？
代码中选中div，视图中显示位置，用火狐的firebug就可以了，反之视图中选中目标，下面直接选中相应代码都得行