CSSでサイトを作るとき、ページをidで区切り、その中のclassに対してスタイルを指定するというやり方が一般的じゃないかなと思います。 #page-foo .box {margin:10px } #page-baa .box {margin:20px }しかし、いざあのページのこの部分をこのページに持ってきたい…となるとCSSファイルごと持ってこなければならない、移転先のclass名とバッティングしてしまうなど再利用が難しいという反面もあります。 今回仕事でサイトを構築するにあたり、再利用可能なモジュールで構成すればコーディングにかかる工数は減るのではと考えていたので（特にIEのバグ関連…検証済みのモジュールで構成すれば確実！）再利用性とパフォーマンスを重視したフレームワークOOCSSについて調べてみました。 OOCSSの基本的な考え方 目的別にclassを複数指定する。 idに依存する
「OOCSS (Object Oriented CSS) の Spacing クラス のようなもの」というのは、よくあるこういったやつです: /* p,m = padding,margin a,t,r,b,l,h,v = all,top,right,bottom,left,horizontal,vertical */ .pt0, .pv0, .pa0 { padding-top: 0px !important; } .pr0, .ph0, .pa0 { padding-right: 0px !important; } .pb0, .pv0, .pa0 { padding-bottom: 0px !important; } .pl0, .ph0, .pa0 { padding-left: 0px !important; } .pt10, .pv10, .pa10 { padding-top:
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
