ヘッダー: 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 */
(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; }
(3) 配置スタイル、
.left { float:left; } .bottom { float:bottom; }
(4 ) タイトル バー スタイル、「カテゴリ + 関数」メソッドを使用して、
.barnews { } .barproduct { }
注::
すべて小文字、
ダッシュや下線を追加しないでください。
のシンプルでエレガントなスタイルが好きです。ブートストラップ。したがって、CSS の名前付けを参照することもできます。