2010-03-29 41 views
-1

我正在编译伟大的想法如何优化和改善您的CSS。你想分享哪些最佳实践?你使用框架吗?你重新使用你的CSS?你记录你的CSS?什么是最佳CSS实践,你重用以前的CSS?框架如何?

请分享。谢谢!

其他问题,

你如何生成的ID和类命名的标记......他们是普通的还是具体的?你的大部分项目是否有类似的ID和ID?

谢谢!

+0

您能不能告诉我们您的研究成果? :) – Rimian 2010-12-31 02:32:24

回答

6

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

http://960.gs/

+0

我也是960 – Pennf0lio 2010-03-29 18:07:38

2

我是Blueprint CSS框架的粉丝:

Blueprint是一个CSS框架, 旨在削减开发时间 。它为您打下坚实的基础 以在 之上建立一个易于使用的网格,明智的 排版,有用的插件,甚至 样式表进行打印。

0

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

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

希望这有助于

+0

很酷的粉丝,我也用过这种类型的方法...... – Pennf0lio 2010-03-31 09:12:35

+0

我觉得最主要的是肯定是“尝试”不同的方法。如果他们为你工作,那太棒了!如果没有,拿你喜欢的和做你自己的;) – Karinne 2010-03-31 13:16:06

+0

这是正确的想法。我会打电话给你的CSS文件框架。 – Rimian 2010-12-31 02:30:21