はじめに 株式会社サイシードのインターンシップにて、CSSを設計する際の規則をまとめました。 本稿で記述している設計規則に基づいての開発は、始めてから日が浅いです。 実際に使用していく中でさらに改善を進めて行く予定です。 設計規則を考えるに当たって「Web制作者のためのCSS設計の教科書」を参考にさせて頂きました。 より詳しくCSSの設計方法について学びたい方はぜひ手にとってみてください。 本設計規則は、上記の書籍で紹介されている中でも特にBEMとFLOCSSに影響を受けています。 本稿が少しでもみなさまの参考になれば幸いです。 スタイルの役割の分類 1.構造 形や大きさなどを指定する。 家で言うところの骨格。 例: width, height, border, padding, margin, font-size など 2.見た目 色や太さなどを指定する。 家で言うところの外見。 例: