この記事では主に、一般的に使用される CSS 命名規則 (推奨) をいくつか紹介します。この記事が、皆さんが CSS をよりよく学び、使いこなすのに役立つことを願っています。
よく使われるCSSの命名規則(推奨)
Header: header
Content: content/container
Tail: footer
Navigation: nav
Sidebar: Sidebar
Column: column
ページ周辺コントロール全体のレイアウト幅: ラッパー
左右中央
ログインバー: ログインバー
ロゴ: ロゴ
広告: バナー
ページ本体: メイン
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
サブナビゲーション:サブナビ
メニュー: メニュー
サブメニュー: サブメニュー
検索: 検索
フレンドリーリンク: フレンドリンク
フッター: フッター
著作権: 著作権
スクロール: スクロール
コンテンツ: コンテンツ
タグ ページ: タブ
記事リスト: list
Tips: msg
Tips: Tips
コラムタイトル: title
参加: joinus
ガイド: ギルド
サービス: service
登録: regsiter
ステータス:status
vote: vote
パートナー: パートナー
(1) ページ構造
コンテナ: コンテナ
ヘッダー: ヘッダー
コンテンツ: コンテンツ/コンテナ
ページボディ: メイン
フッター:フッター
ナビゲーション: nav
Sイデバー:sidebar
Column:column
ページ周辺コントロール全体のレイアウト幅:wrapper
left right center
(2) Navigation
Navigation:nav
main Navigation:mainbav
sub-navigation:subnav
トップナビゲーション:topnav
サイドナビゲーション: サイドバー
左ナビゲーション: 左サイドバー
右ナビゲーション: 右サイドバー
メニュー: メニュー
サブメニュー: サブメニュー
title: タイトル
Summary: summary
(3) 機能
ロゴ: ロゴ
広告: バナー
ログイン: ログイン
ログインバー: ログインバー
登録: 登録者
検索: 検索
リボン: ショップ
title :title
Join: joinus
Status:ステータス
ボタン: btn
スクロール: スクロール
タブ: タブ
記事リスト: list
プロンプトメッセージ: msg
現在: 現在
ヒント:tips
icon:icon
note:note
ガイド:ギルド
サービス:サービス
ホットスポット:ホット
ニュース:ニュース
ダウンロード:ダウンロード
投票:投票
パートナー:パートナー
フレンドリーリンク:リンク
著作権:著作権
メインマスター.css
module module.css
基本的には、base.css
layout、layout.css
theme、css
columns、css
text font.css
forms.css
patch mend.cssを共有します。
print print.css
名前を付けることは非常に簡単だと思われるかもしれませんが、適切な名前付け規則を使用すると開発がよりスムーズに進みます。CSS の名前付けルールに関するこの記事が皆さんのお役に立てば幸いです。
関連する推奨事項:
以上が一般的に使用される CSS 命名規則の例を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。