div+css フロントエンド命名規則を共有する

CSS DIV Web ページを開発するときに、最も混乱して複雑になるのは CSS の名前付けです。特に初心者は名前の付け方がわからず、言葉足らずに感じることがよくあります。 # 次は、# について説明します。 ##div css フロントエンド 必要な方は命名規則を参考にしていただければ幸いです。

フロントエンドレイアウト仕様の詳細

1. 命名仕様:

1. 基本要件:

1. ) ファイル エンコーディングは一律に UTF-8 エンコーディングを使用します。 3) 明確な構造と階層 関係は明確であり、標準として 3 レベル以下です。

4) 同じ式のスタイル要件は再利用でき、モジュール コンポーネント クラスのスタイル要件は次のとおりです。

5) CSS を記述する CSS ハックを使用する場合は、できる限り使用を避けてください。

6) すべてのページは、Firefox などの標準に最も近いブラウザ向けにデフォルトで設計されており、IE 独自の条件付きコメント機能を使用して対象を絞った修正を行っています。

7) 名前には英語を使用し、ピンインの使用は避けてください。命名は読みやすく、略語はできるだけ避けてください。名前に数字を使用することは許可されていますが、数字による名前付けはできるだけ避けてください。

2. 命名方法 統一した命名方法が必要です。一般的に使用される命名方法は次のとおりです。

1) シリアル命名法 (helloworld など)

2) ミッドライン命名法 (helloworld など) (この方法は現在多くの人が使用しており、推奨)

3) hello_world などの下線の命名法

4) helloWorld などの Camel の命名法

5) HelloWorld などの Pascal の命名法

6) その他の方法。

3. スタイル ファイルの命名規則は次のとおりです:

グローバル: global.css;

メイン: master.css;レイアウト.css;

列: columns.css;

印刷スタイル: print.css; .css;

パッチ: pacth.css;

フォーマットブラウザ:base.css など

4. ID とクラス名の一般名

ページのヘッダー: header

ログイン バー:login-bar

ロゴ: logo

サイドバー: サイドバー

広告: バナー

ナビゲーション: ナビゲーション

サブナビゲーション: サブナビゲーション

メニュー: メニュー

サブメニュー: サブメニュー

検索: 検索

スクロール: スクロール

ページ本文: メイン

コンテンツ: コンテンツ

タグ ページ: タブ

記事リスト: リスト

プロンプト メッセージ: メッセージ

ヒント: ヒント

列タイトル: タイトル

参加: ジョイナス

ガイド: ギルド

サービス: サービス

ホットスポット: ホット

ニュース: ニュース

ダウンロード: ダウンロード

登録: regsiter

ステータス: ステータス

ボタン: btn

投票: 投票

パートナー: パートナー

フレンドリーリンク: friendslink

著作権: copyright

コート: ラップ

フッター: フッター

タイトル: タイトル

トップナビゲーション ：トップナビ（ミニナビ）

以上がdiv+css フロントエンド命名規則を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。