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

时间:2010-03-29 15:52:59

标签: css

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

请分享。谢谢!

附加问题,

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

谢谢!

4 个答案:

答案 0 :(得分:6)

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

http://960.gs/

答案 1 :(得分:2)

我是Blueprint CSS框架的粉丝:

  

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

答案 2 :(得分:1)

我创建了自己重复使用的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

希望这有帮助

答案 3 :(得分:0)

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