収集する価値のあるCSS命名規則（ルール） よく使われるCSS命名規則

CSS命名規則（ルール） よく使われるCSS命名規則

ヘッダー: ヘッダー
コンテンツ: コンテンツ/コンテナ
フッター
ナビゲーション: nav
サイドバー: サイドバー
列: 列
ページの周囲はレイアウト全体の幅を制御します: wrapper
左 右 中央
ログインバー: loginbar
ロゴ: ロゴ
広告: バナー
ページ本体: メイン
ホットスポット：ホット
ニュース: ニュース
ダウンロード: ダウンロード
サブナビゲーション: サブナビゲーション
メニュー: メニュー
サブメニュー: サブメニュー
検索: 検索
友達リンク: friendlink
フッター: フッター
著作権: 著作権
スクロール: スクロール
コンテンツ: コンテンツ
タグ: タグ
記事リスト: リスト
プロンプトメッセージ: msg
ヒント:
列タイトル: タイトル
参加する: joinus
ガイド: ガイド
サービス: サービス
登録: regsiter
ステータス: ステータス
投票: 投票
パートナー: パートナー

コメントの書き方:
/* ヘッダー */
コンテンツエリア
/* ヘッダー終了 */

ID の命名:

1) ページ構造

容器
ヘッダー: ヘッダー
コンテンツ: コンテンツ/コンテナ
ページ本体: メイン
フッター: フッター
ナビゲーション: nav
サイドバー: サイドバー
列: 列
ページの周囲はレイアウト全体の幅を制御します: wrapper
左 右 中央

（２）ナビゲーション

ナビゲーション: nav
メインナビゲーション: mainnav
サブナビゲーション: サブナビゲーション
トップナビゲーション: topnav
サイドナビゲーション: サイドバー
左ナビゲーション: 左サイドバー
右ナビゲーション: 右サイドバー
メニュー: メニュー
サブメニュー: サブメニュー
タイトル: タイトル
要約: 要約

（３）機能

ロゴ: ロゴ
広告: バナー
ログイン: ログイン
ログインバー: loginbar
登録: 登録
検索: 検索
機能領域: ショップ
タイトル: タイトル
参加する: joinus
ステータス: ステータス
ボタン: btn
スクロール: スクロール
タブ: タブ
記事リスト: リスト
プロンプトメッセージ: msg
現在の: 現在の
ヒント:
アイコン: アイコン
注記：
ガイド: ギルド
サービス: サービス
ホットスポット：ホット
ニュース: ニュース
ダウンロード: ダウンロード
投票: 投票
パートナー: パートナー
フレンドリーリンク: リンク
著作権: 著作権

注記：：

1. すべて小文字。
2. できるだけ英語を使う
3. 水平線や下線は使用しない。
4. 一目見て単語が明らかでない限り、省略しないようにしてください。

CSS スタイルシート ファイルの命名

メインマスター.css
モジュール.css
基本的な共有 base.css
レイアウト、レイアウト layout.css
テーマthemes.css
列.css
テキストフォント.css
フォーム.css
mend.css のパッチ
印刷印刷.css

要約する

上記は、エディターが紹介した CSS 命名仕様 (ルール) とよく使われる CSS 命名ルールです。皆様のお役に立てれば幸いです。ご質問がある場合は、メッセージを残してください。エディターがすぐに返信します。また、123WORDPRESS.COM ウェブサイトをサポートしてくださっている皆様にも感謝申し上げます。