什么东西可以让css开发更快？答案

【问题标题】：What things can make css development faster?什么东西可以让css开发更快？
【发布时间】：2011-09-27 20:07:03
【问题描述】：

我使用的东西

* stylesheets
      o project.css
      o ie.css
      o print.css
      o reset.css

CSS Frame generator
现成的有用 css 类集合
Edit CSS option of Web developer toolbar 因为它显示实时预览
萤火虫
Css type set
CSS Sprite Generator
Troubleshooting with <base>
Online CSS Editor 测试样式
HTML Table Code Generator
Dynamic Dummy Image Generator
PxtoEm converter
MRI
CSS Redundancy Checker
CSS Readibility
CSS-Tricks.com's snippet collection
http://html-ipsum.com/
CSS Color Converter
Debug CSS
CSS Tidy online
Form Style Generator

还有什么建议吗？

【问题讨论】：

您提供的链接非常有用！我会 +1 你，但我没有选票。
jetbrains.com/webide/index.html
@Alix：随时为您服务。 +1。 :)
哦，那些链接真的很棒！现在我需要投票。帮助，有人吗？ :)
酷+1，但这实际上是主观的。请编辑并标记社区 Wiki，否则您将面临关闭主题的风险。

标签： css

【解决方案1】：

经验，经验，再一次 - 经验。

您可能会发现有用的 IDE、生成器等，但归根结底，如果您是开发人员，您的经验将扮演最重要的角色。

【讨论】：

【解决方案2】：

如果您必须提出这个问题，您肯定不应该编写 CSS 代码以适应您面前的设计模型。这是我的拙见。

顺便说一句：这是对您问题的原始措辞的回应：“我应该如何开始为我面前的设计模型编写 CSS。”

【讨论】：

【解决方案3】：

我会推荐像960 Grid System 这样的框架。 960 触手可及时，可以非常快速地创建漂亮的布局和功能原型。

【讨论】：

但它按比例工作，我得到了不同宽度和排水沟尺寸的设计
如果您想更快，请选择一个标准。

【解决方案4】：

使用合适的 IDE，为您提供尽可能多的帮助。

Intellij IDEA 不仅是一款出色的 Java IDE，它还非常适合 HTML/CSS 编辑：

CSS 编辑器
CSS 代码完成
CSS 语法和错误突出显示
CSS 动态验证和意图操作
查找/突出显示用法
快速文档
CSS 代码折叠
CSS 代码格式
CSS 结构视图
重构
自动评论
转到声明
显示内容

在此处查看更多信息：http://www.jetbrains.com/idea/features/html_css_editor.html

【讨论】：

你没有要求免费...一些最好的工具不是免费的（尽管肯定有一些很好的免费工具）。
后锄也不是免费的，但你只想用免费的塑料勺子挖沟吗？

【解决方案5】：

scaffold 将允许您以概念方式构建 CSS...

【讨论】：

但这仅适用于 php 网站

【解决方案6】：

编辑：

响应您的更新 - 我个人更喜欢 Firebugs CSS 编辑/预览/修改而不是 WDT。它更直接 IMO。

IMO 这通常是一种不好的做法。虽然目标是将结构 (xhtml) 与演示文稿 (CSS) 分开，但这有时并不完全可行，例如必须将一个元素与其他几个元素一起包装，以便设计团队可以有阴影和圆角，而开发团队可以有灵活的高度和宽度......

无论如何，最简单的事情就是开始将您的样式应用于元素...我不明白您在寻找什么样的指针 - 如果您快速概述一下当前流程可能会有所帮助。

【讨论】：

【解决方案7】：

你可以尝试使用Sass之类的东西

【讨论】：

【解决方案8】：

使用表格进行布局

【讨论】：

我不认为你会节省很多时间，除非你有一个流畅的设计。大多数时间表只是降低了编码的入门级别 - 您只需要了解 html 即可获得基本知识，但从长远来看，您实际上使用 css 更快。无论如何，众所周知的事实是，使用表格进行布局是一种不好的做法，所以这可能只是一个讽刺的答案，但如果时间和跨浏览器支持很重要，这不是一个坏主意（当然，如果你没有问题睡觉之后）。
等等，从长远来看，css 会更快。但为了节省时间，我可以使用表格？
+1，有时确实如此。（你现在距离 5K 只差 11 分！）但是说真的，CSS 给了你更多的控制权，尤其是当你在 CMS 上工作时。

【解决方案9】：

某些模板系统（例如 sass）可以很好地处理某些设计或大型样式表。

如果你的设计是重复的，因为它们总是遵循某些约定，你可以尝试一个 css 框架。

然而，尽管跨浏览器支持有限，CSS 还是微不足道的（包括 IE6 在一定的经验之后）。您可以尝试组合模板系统或所谓的 css 框架，但请记住，有时少即是多。

【讨论】：

【解决方案10】：

就像 Hartikainen 建议的那样，我强烈考虑使用 CSS 扩展。它们真正简化了开发，使您的代码更有条理并支持一致性。因此，它们支持更高的 CSS 质量和更快的开发。

最突出的是

【讨论】：