重建CSS,我应该使用什么工具

时间:2010-02-16 15:50:57

标签: css

我有一个现有的CSS并且很想改进它,我应该用什么CSS工具来做这个?

我有一个已经拥有大量CSS的现有Web应用程序,但需要全面改造。

关于如何做到这一点的工具和建议会很棒。

7 个答案:

答案 0 :(得分:3)

您最好的选择是一个简单的文本编辑器,一本好的CSS书和Google。

没有讽刺或任何意图。如果你想改进你的CSS,学习CSS并自己编写。任何工具都不会产生与手写CSS相同的质量。

答案 1 :(得分:3)

我倾向于说你应该只使用浏览器上的标准文本编辑器和刷新按钮。 Visual Studio已自动完成CSS样式,因此可以提供帮助。

或者你可以试试这样的东西

Stylizer

但我个人觉得它有点矫枉过正

答案 2 :(得分:2)

除非我有理由这么做,否则我不会做“全面改造”。话虽这么说,我将使用的唯一工具是带语法高亮的标准编辑器(如 intype )和 firebug 。避免像瘟疫一样的所见即所得的编辑!他们会写出可怕的标记/ css,你会发现自己想要在路上进行另一次改造。学习写出可靠的样式规则,避免冗长。

与firebug结合使用的另一个有趣的firefox插件是 firediff 。这将帮助您跟踪您在firebug中所做的更改,并将它们传输到项目文件中。

我还会保持主要浏览器(Opera,Chrome,Firefox,Safari和IE7 / 8)彼此并行打开,以便进行持续测试。你会遇到一些设计师,他们会说“让它在Firefox中工作,然后在IE中测试”,但我称之为废话 - 一直在测试它,你不必为其中一个找到解决方案。结束。

答案 3 :(得分:2)

使用简单的文本编辑器,并使用一些语法高亮显示。

阅读面向对象的CSS。

幻灯片展示:http://www.slideshare.net/stubbornella/object-oriented-css

答案 4 :(得分:2)

使用Firefox,安装“Firebug”和“Web Developer”Add On。当您需要探索当前的设置时,它们是非常宝贵的。

您将获得Firebug的“检查元素”功能,该功能还允许您快速检查小变化。

使用(搜索)重置样式表以获得良好的开端; 并且真正用于内容的语义,而不仅仅是纯CSS效果。

答案 5 :(得分:2)

我正在使用Yaml来创建基于CSS的布局。它不是改造现有CSS文件的“工具”,而是附带了大量示例和预先设计的CSS文件来设计带有CSS的浮动布局(并且有助于添加所有那些可怕的特定于浏览器的黑客以获得跨浏览器的工作页面)。不确定这对你的目的是否有意义,只需看看。

答案 6 :(得分:1)

从结构上讲,您可以尝试使用960等网格布局。

如果您想尝试使用CSS框架,可以使用cssscaffoldcompass之类的内容。

您可能有兴趣尝试前进的“object oriented css”风格。

但你原来的问题有点不具体。