面向对象的CSS

面向对象的CSS（Object Oriented CSS）http://www.slideshare.net/stubbornella/object-oriented-css
Web开发哲学


CSS代码看起来总是那么“脏”：
1）文件大小bigger than bigger
2）代码复用总是不太可能
3）代码太碎片化Fragile
为了实现目标，总是自相矛盾。
解决方法：面向对象的CSS
面向对象的CSS两条主要的原则：
1）结构与皮肤分离
2）容器与内容分离
10条最佳实践：
1）创建组件库
2）语义一致性
3）模块内部设计透明化
4）灵活性（可移植性）
5）爱上栅格
6）选择器最小化
7）结构与皮肤分离
8）容器与内容分离
9）通过在一个元素上使用多个class来扩展对象
10）使用YUI的reset、fonts
9个陷阱
1）依赖位置的样式
2）避免指定一个class的使用，如避免div.myClass { ... }
3）避免ID
4）避免在不规则背景上放弃阴影/圆角
5）避免将所有图片用sprite放一起，除非你的页面很少
6）避免使用高度对齐
7）文字就是文字，不要使用图片代替
8）冗余
9）避免过早优化

页面级划分：
1）标题：不同级别的标题
2）列表
3）模块、模块header、模块footer 
4）栅格
5）按钮