CSSの設計手法

■代表的な設計手法

OOCSS
　オブジェクト指向のような設計手法
　Bootstrapのように各UIに統一した名前をあらかじめ決めておかないと破綻しやすい。

BEM
　「.Block__Element--Modifier」という命名ルールに従いクラス名を決めます。

SMACCS
　スタイルをBase, Layout, Module, State, Theme の ５つに分けて考えます。

MCSS
　CSSモジュールをBase、Project、Cosmeticの３つのレイヤーに分けて考えます。

FLOCSS
　CSS設計のいいとこ取り

CSS in JS
　CSSをJavaScriptのオブジェクトにして扱う

Scoped CSS
　Firefox以外ではサポートされていない



参考
http://uxmilk.jp/43386