23

我正在使用一些写得很糟糕的 CSS,至少可以这么说。我不是设计/CSS 专家,但我至少了解CSS 中的C。虽然 VS-2008 内部的内置 CSS 支持比以前的版本有了很大改进,但它仍然不能完全满足我的要求。

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

一些很不错的功能:

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

13 回答 13

21

Dust-Me Selectors Firefox 扩展可以扫描网站并告诉您使用了哪些 CSS,哪些没有使用。删除未使用的 CSS 是重构的第一步。

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

于 2008-09-22T11:19:17.100 回答
7

TopStyle很受欢迎,而且一直是我听到推荐的。它有关于样式等的建议。

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

于 2008-09-22T11:15:19.527 回答
4

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

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

Web Developer扩展也是一个很大的帮助。

于 2008-09-22T11:13:27.393 回答
3

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

于 2008-09-22T11:17:02.813 回答
2

过去我在使用 Stylizer时运气不错。它更好,只需 TopStyle 的 1/6。

于 2008-09-22T12:56:08.880 回答
2

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

于 2008-09-22T14:17:21.553 回答
1

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

于 2008-09-22T13:11:40.447 回答
1

我尝试使用Less for .NET

于 2009-09-29T20:11:02.227 回答
1

我可能有点晚了,但是 ReSharper 6 早期访问预览版 (EAP) 可以为您做到这一点!

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

最好的部分:当您重命名选择器时,它将在项目范围内重命名。它使重构 CSS 更快,即使不是很愉快。

于 2011-05-05T17:57:43.997 回答
0

我喜欢 Expression Web 的 CSS 工具。但它对于最小化或统一你的 CSS 并没有多大作用。您必须了解 CSS 的工作原理才能正确使用它。

于 2008-09-22T11:19:04.277 回答
0

Firefox 的 EditCSS 非常棒。

于 2008-09-22T11:22:48.307 回答
0

这个网站至少有助于整理和最小化你的规则:http
://www.cleancss.com/ 它不会让你到达你想去的地方,但这是一个很好的第一步。

于 2008-09-22T13:12:37.607 回答
0

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

于 2008-09-22T13:21:31.843 回答