SMACSS（スマックス）
SMACSS は、CSSのコードを役割に応じてカテゴリ分けし、以下のカテゴリについてそれぞれ規則が設けられています。
- ベース
- レイアウト
- モジュール
- 状態（ステート）
- テーマ
ベース
ベースルールでは、プロジェクトにおける標準のスタイルを定義します。
レイアウト
ヘッダーやメインエリア、サイドバー、フッターなどのウェブサイトの大枠の構成を定義します。
モジュール
レイアウトモジュール内に配置できる、見出し、ボタン、ナビゲーション、カルーセルなどの部品を定義します。
ステートルール
既存のスタイルを上書き・拡張するために定義します。
テーマ
既存のすべてのスタイルの上書きを定義します。