日期:2014-05-17  浏览次数:20654 次

更好的组织CSS

有很多时候,本人在写CSS的时候,总是各种嵌套,这样据说会导致效率很低,而且不容易修改。这两天看了一个牛人的博客,大致有如下总结:

1,父标签就使用普通的class,然后子标签如果需要,则用父标签的class作前缀,后缀为自身的class。如,父标签为entry,则子标签为entry_counter

2,强烈建议使用Less工具来开发css,简单易维护

3,css要分模块,按照使用范围分为全局模块,局部模块和组件。开发时的css文件要分离开来,全局文件按照全局模块分离成多个,如global.css,global/common.css,global/footer.css。局部模块按照页面关系分离。如answer页面,则有answer.css,answer/ask.css,answer/answer.css。然后通过import引用。

4,线上环境不应该使用@import,需要一个合并压缩工具。

?

参考的博客:MZhou's blog

?

?

?

?

1 楼 zhangyaochun 2011-09-26  
如果你做过组件开发 你会发现所有的组件在渲染成html的时候多是一个组件绑定一个css的 所有支持按分离式的css绑定。。。。。。。但是个人感觉对于门户的设计思路好像不是那么简单
2 楼 zhangyaochun 2011-09-26  
楼主可以看一下-----精通CSS高级Web标准解决方案
3 楼 zhuwenlong00 2011-09-26  
则子标签为entry_counter 那子标签的子标签,孙标签呢?