是否有任何实用程序可以帮助我重构CSS

时间:2008-09-22 11:07:06

标签: asp.net css refactoring

我正在处理一些写得很差的CSS,至少可以说。我不是设计/ CSS专家,但我至少理解CSS中的 C 。虽然VS-2008内置的CSS支持比以前的版本有了很大改进,但它仍然不能满足我的需求。

我想知道是否有人知道一个好的程序或实用程序,它将帮助我重构和清理我的CSS,就像ReSharper允许用C#做的那样。

有些功能很棒:

  • 检查CSS文件并确定提取常用样式的方法,如字体样式,颜色等......
  • 插入VS-2008会很棒!
  • 检查标记文件,并就改进类和样式的当前使用提出一些建议。

13 个答案:

答案 0 :(得分:20)

Dust-Me Selectors Firefox extension可以扫描网站并告诉您使用什么CSS以及使用什么CSS。删除未使用的CSS是重构的第一步。

我经常发现,当某个部分从网站中删除时,HTML会被删除,但CSS却不会删除。

答案 1 :(得分:7)

TopStyle很受欢迎,而且总是我听到的建议。它有关于风格等的建议。

我使用Aptana但这不会进行重构只是标记错误并允许您定位某些浏览器。使用这个好书的CSS书可能有所帮助。

答案 2 :(得分:4)

Firebug是一个非常好的Firefox扩展,它允许您检查哪些CSS声明对文档树中的哪个DOM元素有效。

虽然它没有提出任何改进建议,但在手动调试/简化CSS代码时,这是一个很好的帮助。

Web Developer扩展程序也是一个很好的帮助。

答案 3 :(得分:3)

如果您使用的是ASP.NET 2.0,那就是ReFactor! for ASP.NET

答案 4 :(得分:2)

过去我使用Stylizer祝你好运。它更好,只需要TopStyle的1/6。

答案 5 :(得分:2)

有一个名为HAML的Ruby gem,附带一个名为css2sass的可执行文件。该可执行文件将CSS转换为SASS,这是一种基于CSS的元语言,使重构更加容易(通过更好地说明选择器之间的关系)。可能值得一看。

答案 6 :(得分:1)

我曾经使用WestCiv的StyleMaster,这是一个非常好的CSS编辑器/检查器/调试器应用程序。将它与上面提到的Firebug结合起来,你就会情不自禁地掌握你的CSS。

答案 7 :(得分:1)

我尝试使用Less for .NET

答案 8 :(得分:1)

我可能会有点迟,但ReSharper 6早期访问预览(EAP)会为您做到这一点!

在CSS文件中,输入“#”将自动完成项目中的每个ID。与句点“。”相同。列出你所有的课程。

最佳部分:当您重命名选择器时,它将在项目范围内重命名它。如果不是令人愉快的话,它可以更快地重构CSS。

答案 9 :(得分:0)

我喜欢Expression Web的CSS工具。但它对于最小化或统一CSS没有太大作用。您必须了解CSS如何正确使用它。

答案 10 :(得分:0)

fireCS的EditCSS非常棒。

答案 11 :(得分:0)

此网站至少有助于对您的规则进行排序和最小化:http://www.cleancss.com/
它不会让你到达你想要的地方,但这是一个很好的第一步。

答案 12 :(得分:0)

也许CssTidyCssOptimiser可以帮助清理并缩小