重建一个CSS，我应该使用哪些工具

Question

我有一个现有的CSS，并且很想修改它，我应该使用哪些CSS工具来执行此操作？

我有一个现有的Web应用程序，已经有吨的CSS，但希望全面改造。

关于如何做到这一点的工具和建议将非常棒。

Answer 1

你最好的选择是一个简单的文本编辑器，一本好的CSS书和Google。

没有讽刺或任何意图。如果你想修改你的CSS，学习CSS并自己写。没有工具会产生与手写CSS相同的质量。

Answer 2

我倾向于说你应该只使用标准文本编辑器和浏览器上的刷新按钮。 Visual Studio具有自动完成CSS样式，以便可以帮助。

或者你可以尝试这样的事情

Stylizer

但我个人认为它的矫枉过正

Answer 3

我不会做一个“全面改造”，除非我有一个梦幻般的理由这样做。也就是说，我会使用的唯一工具是带有语法高亮显示的标准编辑器（如intype）和firebug。避免像鼠疫这样的编辑们！他们会写可怕的标记/ css，你会发现自己想要在路上再做一次改造。学习编写可靠的样式规则，避免冗长。

另一个有趣的与firebug结合使用的firefox插件是firediff。这将帮助您跟踪您在萤火虫中所做的更改，并将它们带到您的项目文件中。

为了不断的测试，我还将主流浏览器（Opera，Chrome，Firefox，Safari和IE7/8）并行打开。你会遇到一些设计者，他们说：“让它在Firefox中运行，然后在IE中测试”，但我称之为无稽之谈 - 总是测试它，并且你不需要找出解决方案。结束。

Answer 4

使用simpel文本编辑器，并使用某些语法高亮显示。

阅读面向对象的CSS。

幻灯片一下：http://www.slideshare.net/stubbornella/object-oriented-css

Answer 5

使用Firefox，安装 “萤火虫” 和 “Web开发” 添加上。当你需要探索当前的设置时，它们是无价的。

您将获得Firebug的“检查元素”功能，该功能还允许您快速检查小的更改。

使用（搜索）重置样式表以获得良好开端; 并且真正用于您的内容的语义，而不仅仅是纯CSS的效果。

Answer 6

我使用Yaml创建基于CSS的布局。它不是修改现有CSS文件的“工具”，而是附带了大量示例和预先设计的CSS文件，以便用CSS设计浮动布局（并有助于添加所有那些可怕的浏览器特定黑客以获得跨浏览器工作页面）。不知道这对你的目的是否有意思，只要看看。

Answer 7

在结构上，您可以尝试使用像960这样的网格布局。

如果您想尝试CSS框架，可以使用类似cssscaffold或compass的东西。

您可能有兴趣尝试“object oriented css”风格。

虽然你的原始问题有点不具体。