瞎扯扯OOCSS,ACSS,BEM,SMACSS

Post by Lingfeng Yang

oocss, acss, bem, smacss, css, html, frontend

最近在看一些 CSS 的东西,想要提高一下自己在这方面的姿势水平。很久之前就了解到 BEM 了,当时还是在 ifanr 工作的网红莎莎大神和我说了这个。突然想到自己似乎也应该深入去了解一下这些东西。于是就看了一些资料,整理一下,且做个记录。 我这几年写 CSS ,核心的想法就是组件化模块化,这样就更好控制也减少改一个小东西整个页面爆炸了的可能性。所以如何去组织 CSS 也是蛮重要的一部分。 Object Oriented CSS (OOCSS) 面向对象的 CSS,字面意思就大概是这样把,反正一看到 OO 脑子里第一个反应就是 Java 的那种风格,可能是我安卓写多了…… OOCSS 的想法首先要明白 CSS 的 “Object” 是个毛线玩意。我粗鄙的理解下,应该一般指一个视觉上的图案、控件等,就是一个 Object ,大部分情况下,这种 Object 肯定是可以复用的。 常见的比如…