div + css 命名ルール_html/css_WEB-ITnose

ログインバー：loginBar
ロゴ：ロゴ
サイドバー：sideBar
広告：バナー
ナビゲーション：nav
サブナビゲーション：subNav
メニュー：メニュー
サブメニュー：subMenu
検索：検索
スクロール：スクロール
メインページ：メイン
コンテンツ: コンテンツ
タグ ページ: タブ
記事リスト: list
プロンプト メッセージ: msg
ヒント: ヒント
コラム タイトル: タイトル
参加: ジョイナス
ガイド: ギルド
サービス: サービス
ホット スポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
登録: regsiter
ステータス: ステータス
ボタン: btn
投票: 投票
パートナー: パートナー
フレンドリー リンク: friendsLink
フッター: footer
著作権: copyRight

---------- - ---------------------------------------->

1 . CSS ID ネーミング

ラップ: wrap
メインナビゲーション: mainNav
サブナビゲーション: subnav
フッター: footer
フルページ: content
Header: header
Footer: footer
ブランド: label
Title : タイトル
主ナビゲーション: mainNav (globalNav)
トップ ナビゲーション: topnav
サイド ナビゲーション: サイドバー
左側のナビゲーション: leftsideBar
右のナビゲーション: rightsideBar
フラグ: ロゴ
スローガン: バナー
メニュー コンテンツ 1: menu1Content
メニュー容量: menuContainer
サブメニュー: サブメニュー
サイド ナビゲーション アイコン: SidebarIcon
注: メモ
ブレッドクラム: ブレッドクラム (つまり、ページの場所を示すナビゲーション プロンプト)
コンテナ: コンテナ
コンテンツ: コンテンツ
検索: 検索
ログイン:ログイン
リボン: ショップ (ショッピング カートなど) 、レジ)
現在 現在

2. さらに、スタイル シートを編集するときに使用できるコメントは次のように記述できます:

<-- Footer -->
コンテンツエリア
<-- フッター終了 -->

3. スタイルファイルの名前付け

Main master.css
Layout、layout.css
Columns.css
テキスト font.css
印刷スタイル print.css
テーマ.css