【问题标题】:Any programs to generate css classes from your html? [closed]有任何程序可以从您的 html 生成 css 类吗? [关闭]
【发布时间】:2014-07-18 15:05:42
【问题描述】:

只是好奇有没有人知道一个程序或脚本可以从你的 html 文档的结构中生成一个样式表(显然是空白值)?基本上只需提取您在 html 中设置的 ID 和类并制作占位符 css,这样您就不必提前计划或再次编写它,记住 D.R.Y.有人吗?:) 如果您认为这对这里的其他人没有帮助,请随意对我大喊大叫:D。我敢肯定我可以做出这样的事情,但如果它已经存在,我不妨坚持我的 DRABEE 规则(也不要重复其他任何身体)。谢谢。

【问题讨论】:

  • 我不确定我是否明白这一点。 CSS 的全部目的(级联,记得吗?)不是每个 ID 和类都单独设置样式,而是根据它们在文档中的位置设置样式,并在架构之后继承某些样式这完全取决于您的风格,而不是您的文档结构。如果你分别为每个 ID 和类设置样式,那你就错了。
  • 听起来不错,我也很感兴趣。我同意 Konrad 的观点,但只是为了了解您的文档结构,它似乎是一个有用的工具。它也许还可以添加您在 HTML 中使用但在 CSS 中没有定义的类。
  • 它无法处理#id .class 案例或.class .otherclass.class, .similarclass。所以它可能确实不太有用.. 只是说,因为我经常用 id 对类进行分组(级联和所有)..
  • 如果你那么懒惰,你为什么不使用dreamweaver或类似的东西:D
  • @Konrad 不,我不会把所有事情都分开做。这样我就可以避免这个问题。

标签: css html


【解决方案1】:

你检查http://primercss.com/了吗? 似乎正在做你所要求的。

【讨论】:

  • Primercss 做到了,但没有做好。说实话是非常糟糕和无用的。但想法真的很好,谢天谢地我们有lab.xms.pl/css-generator。它要好得多,实际上可以按预期工作=)
【解决方案2】:

CSS Frame Generator http://lab.xms.pl/css-generator/ 比 Primer 效果更好。

【讨论】:

  • 这是所有建议中更高级的一个
【解决方案3】:

晚会有点晚了,但现在还有 BearCSS:

http://www.bearcss.com/

免责声明

这个答案主要是为了给这个线程增加额外的价值,并创建一个 CSS 生成器的概述。

在我看来,在尝试了这个帖子中提到的所有工具之后,http://lab.xms.pl/css-generator/ 是最好的。

【讨论】:

    【解决方案4】:

    在对不同的可用工具进行严格比较后,我发现了最好的工具:

    如果你想免费在线自动生成 CSS,那么你需要 BeeCSS - CSS Generator:

    http://beecss.theextremewebdesigns.com/

    如果您已经拥有(凌乱的)CSS,并且想免费在线清理/缩小它,那么您需要 BeeCSS - Cleaner Minifier

    http://beecss.theextremewebdesigns.com/css_clean_css_minify/

    【讨论】:

      猜你喜欢
      • 2017-04-23
      • 1970-01-01
      • 2010-09-10
      • 2014-03-16
      • 1970-01-01
      • 2015-01-29
      • 2010-09-11
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多