一般的な CSS 命名規則_html/css_WEB-ITnose

一般的に使用される CSS 命名規則

ヘッダー: header

Content: content/container

Tail: footer

Navigation: nav

Sidebar: サイドバー

Column: column

ページ周辺機器コントロール全体のレイアウト幅: ラッパー

左右中央

ログインバー: ログインバー

ロゴ: ロゴ

広告: バナー

ページ本体: メイン

ホットスポット: ホット

ニュース: ニュース

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

ゲーション:サブナビ

メニュー: メニュー

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

検索: 検索

フレンドリーリンク: friendslink

フッター: footer

著作権: copyright

スクロール: スクロール

コンテンツ: content

タグ ページ: タブ

記事リスト: list

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

ヒント: ヒント

列タイトル: title

参加: joinus

ガイド: guide

サービス: service

登録: register

ステータス :status

V大手：投票

パートナー: パートナー

(2) ノートの書き込み:

/* Header */ 内容区 /* End Header */ 

(3) ID ネーミング:

(1) ページ構造

コンテナ: コンテナ

ヘッダー: header

コンテンツ: content/container

ページbody：main

Footer：footer

Navigation：nav

Sidebar：sidebar

Column：column

ページ周辺制御全体のレイアウト幅：wrapper

左と中央：左右中央

(2)ナビゲーション

ナビゲーション: nav

メインナビゲーション: mainbav

サブナビゲーション: subnav

トップナビゲーション: topnav

サイドナビゲーション: サイドバー

左ナビゲーション: leftsidebar

右ナビゲーション: rightsidebar

メニュー: menu

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

タイトル: タイトル

概要: 概要

(3) 機能

ロゴ: ロゴ

広告: バナー

ログイン: ログイン

ログインバー: ログインバー

登録: 登録

検索: 検索

リブボン：ショップ (ショッピングカートなど)

タイトル: タイトル

参加: joinus

ステータス: ステータス

ボタン: btn

スクロール: スクロール

タブ: タブ

記事リスト: list

プロンプトメッセージ:

現在: 現在

ヒント: ヒント

アイコン: アイコン

メモ: note

ガイド: ガイド

サービス: サービス

ホットスポット: ホット

ニュース: ニュース

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

投票: vote

パートナー: パートナー

フレンドリーリンク: link

著作権: copyright

(4) クラス名:

(1) 色: 色の名前または 16 進コードを使用します (

.red { color: red; } .f60 { color: #f60; } .ff8600 { color: #ff8600; } 

など)

(2) フォント サイズ、直接使用します。

.font10px { font-size: 10px; } .font6pt {font-size: 6pt; } 

などの名前として font+font size"

(3) 配置スタイル、

.left { float:left; } .bottom { float:bottom; } 

などの配置ターゲットの英語名を使用します

(4 ) タイトル バー スタイル、「カテゴリ + 関数」メソッドを使用して、

.barnews { } .barproduct { } 

などの名前

注::

すべて小文字、

ダッシュや下線を追加しないでください。

のシンプルでエレガントなスタイルが好きです。ブートストラップ。したがって、CSS の名前付けを参照することもできます。