CSS+DIV 命名規則_html/css_WEB-ITnose

コンテンツ: コンテンツ/コンテナ ナビゲーション: ナビゲーション サイドバー: サイドバー
コラム: コラム ロゴ: ロゴ ページ本文: メイン
広告: バナー ホットスポット: ホットニュース: ニュース
ダウンロード: ダウンロード サブナビゲーション: サブナビゲーション メニュー: メニュー
検索:検索 フッター: footer スクロール: スクロール
著作権: copyright フレンドリーリンク: friendslink サブメニュー: サブメニュー
コンテンツ: コンテンツ タグページ: タブ 記事リスト: list
登録: regsiter プロンプトメッセージ: msg ヒント: ヒント
参加: joinus コラムタイトル ：title ガイド：ギルド
Service：サービスStatus：ステータスVote：投票
Tail：フッターPartner：パートナーログインバー：loginbar
ページ周辺制御全体のレイアウト幅：ラッパー左右中央：左右中央

(2)コメントの書き方：
/* フッター */
コンテンツエリア
/* フッター終了 */

(3) ID ネーミング:

(1) ページ構造
コンテナ: コンテナ ヘッダー: header コンテンツ: コンテンツ/コンテナ
ページ本文: メイン ページフッター:フッター ナビゲーション: nav
サイドバー: サイドバー カラム: 列 左右中央: 左右中央
ページ周辺コントロール全体レイアウト幅: ラッパー
(2) ナビゲーション
ナビゲーション: nav
メインナビゲーション: mainbav
サブナビゲーション: subnav
トップナビゲーション:topnav
サイドナビゲーション:サイドバー
左ナビゲーション:leftsidebar
右ナビゲーション:rightsidebar
メニュー:メニュー サブメニュー:サブメニュー タイトル:タイトル サマリ:概要

(3) 機能
ロゴ:ロゴ
広告:バナー
ログイン :login
ログインバー: ログインバー
登録: 登録者
検索: 検索
リボン: ショップ
タイトル: タイトル
参加: ジョイナス
ステータス: ステータス
ボタン: btn
スクロール: スクロール
タブ: タブ
記事リスト: リスト
プロンプト情報: メッセージ
現在: 現在
ヒント: ヒント
アイコン: アイコン
メモ: メモ
ガイド: ギルド
サービス: サービス
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
投票: 投票
パートナー : パートナー
フレンドリー リンク: リンク
著作権: copyright

(4) クラス名:
(1) 色:
.red { color: red; }
.f60 { color: #f60; などの色の名前または 16 進コードを使用します。 color: #ff8600; }
(2) フォント サイズ。
.font12px { font-size: 12px }
.font9pt {font -size: 9pt; など、名前として直接使用します。 (3) 配置スタイル、配置ターゲットの英語名を使用します。
.left { float:left; }
.bottom { float:bottom; } (4) タイトル バー スタイル、「カテゴリ + 関数」を使用します。
.barnews { }
.barproduct { } など

注:
2. 省略形を使用しないでください。
Main master.css module module.css 基本的にはbase.cssを共有
主題.css columns columns.css print print.css
text font.css Forms Forms.css patch mend .css
レイアウト、layout.css