浅谈CSS编程的OOCSS和SMACSS设计模式
发布时间:2015-06-05 来源:查字典编辑
摘要:真心觉得写出CSS并不难,但是要写出可被维护的CSS比其他程式语言都还难。所幸已经有许多大师级的人物,提出许多设计模式和思维,借由站在巨人的...
真心觉得写出 CSS 并不难,但是要写出可被维护的 CSS 比其他程式语言都还难。所幸已经有许多大师级的人物,提出许多设计模式和思维,借由站在巨人的肩膀上可以让事情事半功倍。这篇文章就来说说 OOCSS、SMACSS 和撰写 CSS 时应该注意的规范。
(本文的例子用的是 SCSS 语法)
OOCSS
OOCSS 不是什么新技术,只是一种撰写 CSS 的设计模式,或者可以说是一种「道德规范」,大致上我觉得重点只有两个:
减少对 HTML 结构的依赖增加 CSS class 重复性的使用
减少对 HTML 结构的依赖
CSS Code复制内容到剪贴板