色々なCSS設計 下書き削除したいので、適当に書いてます。あてにしないでね。 OOCSS SMACSSやBEMの原点となったもの。 決まり事がゆるく、CSSの命名規則など決まっていないので各プロジェクトで決めていく必要がある。 決まり事1:ストラクチャーとスキン CSSを「ストラクチャー(構造)」と「スキン(外観)」に分けて、それを組み合わせて1つのオブジェクトを作る。 ボタンを例にすれば、「ストラクチャー」が基本のボタンの大きさなどを定義し、 「スキン」でボタンの色などを定義する。 例)ボタンのCSS設計例 <div class="btn btn-primary btn-small">ボタン</div> <style> .btn{ text-align: center; display: block; padding: 5px 15px; } .btn-primary{ backgrou