div+css スタイルの命名ルール、収集する価値あり_html/css_WEB-ITnose

div+css スタイルの命名規則、収集する価値あり

ヘッダー: header
コンテンツ: content/container
Tail: footer
Navigation: nav
Sidebar: Sidebar
Column: column
ページ周辺コントロール全体のレイアウト幅: ラッパー
左右中央: 左右中央
ログインバー: ログインバー
ロゴ: ロゴ
広告: バナー
ページ本文: メイン
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
サブナビゲーション: subnav
メニュー: メニュー
サブメニュー: サブメニュー
検索: 検索
フレンドリー リンク: friendslink
フッター: footer
著作権: copyright
スクロール: スクロール
コンテンツ: content
タグ ページ: tab
記事リスト: list
プロンプト メッセージ: msg
ヒント: ヒント
コラム タイトル:タイトル
参加: joinus
ガイド: ギルド
サービス: service
登録: regsiter
ステータス: status
投票: vote
パートナー: Partner

コメントの書き方

/* フッター */
コンテンツエリア
/* フッター終了*/

IDネーミング
コンテナ:container
ヘッダー:header
コンテンツ:content/container
ページボディ:main
フッター:footer
ナビゲーション:nav
サイドバー:sidebar
コラム:column
ページ周辺制御 全体のレイアウト幅:wrapper
左右中央
IDネーミング

ページ構造

コンテナ:container
ヘッダー:header
コンテンツ:content/container
ページボディ:main
フッター:footer
ナビゲーション:nav
サイドバー:sidebar
コラム:column
ページ周辺レイアウト全体の幅の制御: ラッパー
左右中央: 左右中央

ナビゲーション

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

機能
ロゴ: logo
広告: バナー
ログイン: ログイン
ログインバー: ログインバー
登録: regsiter
検索: search
リボン: shop
タイトル: title
参加: joinus
ステータス: status
ボタン: btn
スクロール: スクロール
タブ: tab
記事リスト: list
プロンプトメッセージ: msg
現在: 現在
ヒント: ヒント
アイコン: icon
注: note
ガイド: ギルド
サービス: サービス
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
投票: 投票
パートナー: パートナー
フレンドリーリンク: リンク
著作権: copyright

クラスの名前

(1) 色:
.red { color: red; }
.ff8600 { color: #ff8600; などの色の名前または 16 進コードを使用します。
.font12px { font-size: 12px; }

.font9pt {font-size: 9pt; のように、「font+font size」を名前として直接使用します。

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

などの配置ターゲット (4) タイトル バー スタイル、名前を付けるには、「カテゴリ + 関数」メソッドを使用します (例:

.barnews)。 { }

.barproduct { }

注意事項

2. 必ず英語を使用してください
3. 一目でわかる場合を除き、省略しないようにしてください。言葉を理解してください。

Main master.css

モジュール module.css

基本的に共有base.css

Layout、layout.css
主題s.css
Columns.css
テキストfont.css
Forms.css
パッチmend.css
Print print.css