一般的に使用される CSS 命名規則_html/css_WEB-ITnose

Head: header

Content: content/container

Tail: footer

Navigation: nav

Sidebar: sidebar

Column: コラム

ページ全体のレイアウト幅を制御する ：wrapper

左右center: left right center

ログインバー

Logo: logo

Advertising: Banner

Page body: main

Hotspot: hot

News: news

Download: download

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

メニュー:menu

サブメニュー:submenu

検索:search

フレンドリーリンク:friendlink

フッター:footer

著作権:copyright

スクロール:scroll

コンテンツ:content

タブページ：tab

記事一覧： list

Tips: Tips

Column title: title

Join: joinus

Guide: guild

Service: service

Registration: regsiter

Status: stat us

Vote: vote

Partner:パートナー

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

/* Footer */

コンテンツエリア

/* End Footer */

(3) ID の命名:

(1) ページ構造

コンテナ:container

ヘッダ: header

コンテンツ:content/container

ページ本体:main

フッター:footer

ナビゲーション:nav

サイドバー:sidebar

カラム:column

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

左右中央:左右中央

(2) ナビゲーション

ナビゲーション: nav

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

サブナビゲーション: subnav

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

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

左ナビゲーション: leftsidebar

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

メニュー: menu

サブメニュー: submenu

タイトル: title

(3) 機能

ロゴ: ロゴ 広告: バナー

ログイン: ログイン

ログインバー

登録: regsiter

検索:検索

リボン：shop

Title：title

Join：joinus

Status：status

Button：btn

Scroll：scroll

タグページ：tab

記事リスト：list

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

現在：現在

ヒント: ヒント

アイコン: icon

メモ: note

ガイドライン: ギルド

サービス：service

ホットスポット: hot

ニュース: ニュース

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

投票:投票

パートナー:パートナー

リンク: link

著作権: copyright

(4) クラス名:

(1) 色:

.red { color: red }

.f60 などの色の名前または 16 進コードを使用します。 { color: #f60; }

.ff8600 { color: #ff8600; }

(2) フォントサイズは、

.font12px { font-size: 12px など、名前として直接使用します。 ; }

.font9pt {font-size: 9pt; }

(3) 整列スタイル、

.left { float:left; }

.bottom { float:

.barnews { }

.barproduct { }

注::

1. 常に小文字。 2. 英語を使うようにしましょう

3. ダッシュや下線は付けないでください

4. 一目で理解できる場合以外は省略しないようにしてください

メインマスター.css

モジュール module.css

基本共通base.css

レイアウト、レイアウトlayout.css

テーマthemes.css

列columns.css

テキストfont.css

フォームforms.css

パッチmend.css

印刷print.css