我正在处理一些写得很差的CSS,至少可以说。我不是设计/ CSS专家,但我至少理解CSS中的 C 。虽然VS-2008内置的CSS支持比以前的版本有了很大改进,但它仍然不能满足我的需求。
我想知道是否有人知道一个好的程序或实用程序,它将帮助我重构和清理我的CSS,就像ReSharper允许用C#做的那样。
有些功能很棒:
答案 0 :(得分:20)
Dust-Me Selectors Firefox extension可以扫描网站并告诉您使用什么CSS以及使用什么CSS。删除未使用的CSS是重构的第一步。
我经常发现,当某个部分从网站中删除时,HTML会被删除,但CSS却不会删除。
答案 1 :(得分:7)
答案 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)
也许CssTidy或CssOptimiser可以帮助清理并缩小