エンジニアブログ

RSS

よく使うCSSのクラス名まとめ

tweets master CSSTipsコーディング

こんにちは、コーディング工房です。 今回は、よく使うCSSのクラスについてまとめたいと思います。

「コーディングで一番時間かかるのって、CSSのクラス決めだよね!」
「うん、そうそう」
なんて会話がよく弊社で繰り広げられています。
そこで、使用頻度が高いクラス名を表にまとめてみました。


ID・クラス名 用途
#wrapper <body>タグの直下、ページ全体を囲う
#header ヘッダー
#mainvisual メインビジュアル(アイキャッチ画像)
#gloavalnaviまたは#navi-gloaval グローバルナビゲーション
#main メインコンテンツエリア
#footer フッター
.navi-localまたはside-navi ローカルナビゲーション
.flat-column メインコンテンツ用カラム
.slim-column サブコンテンツ用カラム
.columL 左カラム
.columR 右カラム
.columC 中央カラム
.section セクション区切り
.repletion 脚注
.btn-*** ボタン関連
.bnr-box バナーのリンクタグ
.iflinks ヘッダー内のナビゲーション
.breadcrumb パンくずリスト
.rollover ロールオーバー