オブジェクト指向CSSの「構造とスキンを分離する」って何？？ ｜ Tips Note by TAMオブジェクト指向CSS（以下OOCSS）では「構造とスキンを分離する」という言葉を良く見かけます。 最初は具体的にイメージできなかったのですが、おそらくこういう事ではないかと思ったので、調べた事をまとめたいと思います。 サイト制作では、CSSの記述によって更新性などパフォーマンスに違いが出てしまいます。 柔軟に対応しようとして細分化しすぎるとインライン指定と似たものになりCSSの役割を活かず、セマンティックにしようとするとCSSが重複しがちです。 【インライン指定のようになってしまった例】 ・CSS .red { color: #FF0000; } ・html <div class="mainArea"> <h2 class="red">タイトル</h2> </div> 【セマンティックな例】 ・CSS .mainTtl01 { width: 700px; margin: 20px 0;
