Question

我正在编写好主意如何优化和改进您的CSS。您想分享哪些最佳实践？你使用框架吗？你重复使用你的CSS吗？你记录你的CSS吗？

请分享。谢谢！

附加问题，

如何在命名标记时生成ID和类......它们是通用的还是特定的？您项目的大多数都有类似的类和ID吗？

谢谢！

Answer 1

我喜欢使用960网格系统，它就像一个冠军。除此之外，我通常重复使用的唯一CSS是我在表单上使用的东西。

http://960.gs/

Answer 2

我是Blueprint CSS框架的粉丝：

Blueprint是一个CSS框架，它旨在减少您的发展时间。它为您奠定了坚实的基础用它来构建你的项目一个易于使用的网格，明智的排版，有用的插件，甚至是印刷样式表。

Answer 3

我创建了自己重复使用的CSS文件，基本上它只有这个：

html, body {
    margin: 0;
    padding: 0;
}

body {
    color: #000;
    font: 14px/20px Helvetica, Verdana, Arial, sans-serif;
}


/*** COMMON ELEMENTS
**************************************/

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

blockquote {
    font-size: 16px;
    line-height: 22px;
}

.left {
    float: left;
}

.right {
    float: right;
}

/*** 
**************************************/

其余的我喜欢动态更改，因为每个项目/网站都不同。

至于其他事项，你可以按照这个简短的清单 - 6 Easy Tips To Make Your CSS Efficient

希望这有帮助

Answer 4

请务必阅读Steve Souders的书“Even Faster Web Sites”。其中至少有一章涉及CSS选择器的性能方面。你可能会惊讶于哪种选择器是“高性能”而哪些不是 - 它完全不直观。

什么是最好的CSS实践，你重复使用以前的CSS？框架怎么样？

4 个答案: