HTML と CSS の命名規則の概要

CSS命名規則ヘッダー: ヘッダー
コンテンツ: コンテンツ/含む
フッター
ナビゲーション: nav
サイドバー: サイドバー
列: 列
ページの周囲はレイアウト全体の幅を制御します: wrapper
左右中央
ログインバー: loginbar
ロゴ: ロゴ
広告: バナー
ページ本体: メイン
ホットスポット：ホット
ニュース: ニュース
ダウンロード: ダウンロード
サブナビゲーション: サブナビゲーション
メニュー: メニュー
サブメニュー: サブメニュー
検索: 検索
友達リンク: friendlink
フッター: フッター
著作権: 著作権
スクロール: スクロール
コンテンツ: コンテンツ
タブ: タブ
記事リスト: リスト
プロンプトメッセージ: msg
ヒント:
列タイトル: タイトル
参加する: joinus
ガイド: ギルド
サービス: サービス
登録: regsiter
ステータス: ステータス
投票: 投票
パートナー: パートナー
XHTML ファイルでの ID の命名
（１）ページ構造コンテナ：コンテナ
ヘッダー: ヘッダー
コンテンツ: コンテンツ/コンテナ
ページ本体: メイン
フッター: フッター
ナビゲーション: nav
サイドバー: サイドバー
列: 列
ページの周囲はレイアウト全体の幅を制御します: wrapper
左右中央
（２）ナビゲーション：nav
メインナビゲーション: mainbav
サブナビゲーション: サブナビゲーション
トップナビゲーション: topnav
サイドナビゲーション: サイドバー
左ナビゲーション: 左サイドバー
右ナビゲーション: 右サイドバー
メニュー: メニュー
サブメニュー: サブメニュー
タイトル: タイトル
要約: 要約
（３）機能シンボル：ロゴ
広告: バナー
ログイン: ログイン
ログインバー: loginbar
登録: regsiter
検索: 検索
機能領域: ショップ
タイトル: タイトル
参加する: joinus
ステータス: ステータス
ボタン: btn
スクロール: スクロール
タブ: タブ
記事リスト: リスト
プロンプトメッセージ: msg
現在の: 現在の
ヒント:
アイコン: アイコン
注記：
ガイド: ギルド
サービス: サービス
ホットスポット：ホット
ニュース: ニュース
ダウンロード: ダウンロード
投票: 投票
パートナー: パートナー
フレンドリーリンク: リンク
著作権: 著作権
XHTML ファイルでのクラス名
（１）色：色名または16進コードを使用します（見た目に基づいた名前は推奨されません）
.red { 色: 赤; }
.f60 { 色: #f60; }
.ff8600 { 色: #ff8600; }
（２）フォントサイズ：「フォント＋フォントサイズ」という名前を使用します。
.font12px { フォントサイズ: 12px; }
.font9pt {フォントサイズ: 9pt; }
（３）アライメントスタイル、アライメント対象の英語名を使用する。例：
.left { float:left; }
.bottom { float:bottom; }
（4）タイトルバースタイル、「カテゴリ+機能」方式を使用して命名されます。例：
.barnews{}
.barproduct{}
その他関連事項
1. すべて小文字。
2. できるだけ英語を使う
3. ハイフンやアンダースコアは使用できません。
4. 一目で単語がわかる場合を除いて、省略しないようにしてください。
メインマスター.css
モジュール.css
基本的な共有 base.css
レイアウト、レイアウト layout.css
テーマthemes.css
列.css
テキストフォント.css
フォーム.css
mend.css のパッチ
印刷印刷.css

<<: display または visibility を通じて HTML 要素を表示または非表示にする

>>: 上部の固定ナビゲーションバーによって CSS アンカーの配置がブロックされる問題の解決方法