Web ページの CSS スタイルに適切な名前を付けるにはどうすればよいでしょうか? _html/css_WEB-ITnose

ヘッダー: #header{property:property value;} または .header{property:property value;} などのヘッダー。クラスと ID の違いと使用法を知る必要があるかもしれません
ログイン バー:loginBar ロゴ :ロゴ サイドバー:sideBar
広告:banner ナビゲーション:nav サブナビゲーション:subNav
メニュー:menu サブメニュー:subMenu 検索:search
スクロール:scroll ページ本文:main コンテンツ:content
タブ :tab 記事リスト: list プロンプト情報: msg
ヒント: ヒント コラムタイトル: タイトル 参加: joinus
ガイド: ギルド サービス: サービス ホットスポット: ホット
ニュース: ニュース ダウンロード: ダウンロード 登録: regsiter
ステータス: status ボタン: btn 投票: vote
パートナー: パートナー フレンドリーリンク: friendsLink フッター: footer
著作権: copyRight
共通の一致タグdiv、h1、h2、 h3 、 h4、span、em、b、strong、font、u
1. CSS ID の命名クラスと Id の違いを知る必要があるかもしれません
コート: Wrap メイン ナビゲーション: mainNav サブナビゲーション : subnav
フッター : footer ページ全体 : content ヘッダー : header
著作権 : copyRight 商標 : label タイトル : title
メインナビゲーション : mainNav(globalNav) トップナビゲーション : topnav
サイドナビゲーション：サイドバー 左ナビゲーション：leftsideBar 右ナビゲーション：rightsideBar
フラグ：ロゴ スローガン：バナー メニューコンテンツ1：menu1Content
メニュー容量：menuContainer サブメニュー：submenu
サイドナビゲーションアイコン：sidebarIcon 注：note
パンくずリスト ：ブレッドクラム (つまり、ページの場所のナビゲーション プロンプト)
コンテナ: コンテナ コンテンツ: コンテンツ 検索: 検索
ログイン: ログイン リボン: ショップ (ショッピング カート、チェックアウトなど)
現在: 現在
DIV+CSS の名前付けの概要: 名前付けを開始するシンボルを選択するのに「.」 (小文字のピリオド) を使用するか、または名前付けを開始するシンボルを選択するのに「#」 (ポンド記号) を使用するかは問題ではありません。メイン、重要、特別の順に従うことをお勧めします。 最も外側のボックスには「#」 (シャープ記号) の選択記号で始まる名前が付けられ、他のボックスには「.」 (小文字のピリオド) の選択記号で始まる名前が付けられます。 、名前付き CSS セレクターを再利用して HTML で呼び出す必要があります。
通常、最も一般的に使用されるメイン名は、wrap (コート、最外層)、header (ヘッダー、ヘッダー)、nav (ナビゲーション バー)、menu (メニュー)、title (列タイトル、通常は h1h2h3h4 タグで使用されます) です。 )
、コンテンツ (コンテンツ領域)、フッター (フッター、下部)、ロゴ (ロゴ、h1 タグで使用可能)、バナー (広告バナー、通常は上部)、copyRight (著作権)。その他は必要に応じて選択して使用できます。
DIVCSS5 の推奨事項: メイン、重要、および最も外側のボックスは、「#」 (ポンド記号) 選択記号で始まる名前を付け、その他のボックスは「.」 (小文字のピリオド) 選択記号で始まる名前を付ける必要があります。
2. CSS スタイル ファイルの名前は次のとおりです
main master.css
layout,layout.css
columns.css
text font.css
印刷スタイル print.css
主題.css