標準化された CSS 命名 (一般的に使用される組織)_html/css_WEB-ITnose

旧暦 12 月 19 日の天気は晴れです

適切な命名規則はチームのコラボレーションにとって非常に重要です。より直感的で明確な命名は、将来のプロジェクトのメンテナンスに役立ち、間接的にプロジェクトの進捗を改善することもできます。私たちは日々の仕事の中で、詳細から始めて全体的な視野を持ち、一人で戦っているわけではないことを忘れずに、優れた命名規則を整理して開発することに優れていなければなりません。よく使用される CSS の名前付けをいくつかまとめました。皆様のお役に立てれば幸いです。

(1) ページ構造

コンテナ:コンテナ ヘッダー:ヘッダー コンテンツ:コンテンツ/コンテナ ページボディ:メイン ページフッター:フッター ナビゲーション:nav サイドバー:サイドバー
列:column ページ周辺コントロール全体のレイアウト幅:ラッパー左右中央: 左 右 中央

(2) ナビゲーション

ナビゲーション: nav メイン ナビゲーション: mainbav サブ ナビゲーション: subnav トップ ナビゲーション: topnav サイド ナビゲーション: サイドバー 左ナビゲーション: leftsidebar 右ナビゲーション: rightsidebar
メニュー: メニュー サブメニュー: サブメニュー タイトル: title 概要:概要

(3) 機能

ロゴ:ロゴ 広告:バナー ログイン:ログイン ログインバー:loginbar 登録:regsiter
検索:検索 リボン:ショップ タイトル:タイトル 参加:ジョイナス
ステータス:ステータス ボタン:btn スクロール:スクロール ラベルページ: タブ 記事リスト: リスト
プロンプト メッセージ: メッセージ 現在: 現在 ヒント: ヒント アイコン: アイコン 注: メモ ガイド: ギルド サービス: サービス 統計: カウント
ホットスポット: ホット ニュース: ニュース ダウンロード: ダウンロード 投票: 投票 パートナー: パートナー フレンドリーlink: link 著作権: copyright Web サイト情報:iteinfo

.products 製品
.products_prices 製品価格
.products_description 製品説明
.products_review 製品レビュー
.editor_review 編集者のレビュー
.news_release 最新製品
.publisher メーカー
.スクリーンショット サムネイル
。よくある質問 FAQ
.keyword キーワード
.blog ブログ
.forum フォーラム

#homepage ホームページ
#subpage セカンダリ ページ サブページ
#tool, #toolbar ツールバー
#drop ドロップダウン
# dorpmenu ドロップダウン メニュー
#siteinfoクレジット評判
#まとめまとめ

以下はcssフォルダーの命名についてです:

master.css、style.cssメイン
module.cssモジュール
base.cssは基本的に
layout.cssレイアウト、レイアウト
主題.cssテーマを共有します
columns.css カラム
font.css テキスト、フォント
forms.css フォーム
mend.css パッチ
print.css 印刷
メイン master.css
モジュール module.css
基本的にはbase.cssを共有
Layout、layout.css
テーマ.css
columns.css