(1) よく使われるCSSの命名規則
ヘッダー: ヘッダー
コンテンツ: コンテンツ/コンテナ
テール: フッター
ナビゲーション: ナビ
サイドバー: サイドバー
列: 列
ページ周辺機器コントロール全体のレイアウト幅: ラッパー
左右中央：左右中央
ログインバー: ログインバー
ロゴ: ロゴ
広告: バナー
ページ本文: メイン
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
サブナビゲーション: サブナビゲーション
メニュー：メニュー
サブメニュー: サブメニュー
検索: 検索
フレンドリンク: フレンドリンク
フッター: フッター
著作権：著作権
スクロール:スクロール
内容: 内容
タグページ: タブ
記事一覧：一覧
プロンプトメッセージ: メッセージ
ヒント: ヒント
列タイトル: タイトル
参加: ジョイナス
ガイド：ギルド
サービス：サービス
登録:登録者
ステータス: ステータス
投票:投票
パートナー：パートナー
(2) コメントの書き方：
/* フッター */
コンテンツエリア
/* フッター終了 */
(3) ID の命名:
(1)ページ構成
コンテナ: コンテナ
ヘッダー: ヘッダー
コンテンツ: コンテンツ/コンテナ
ページ本文: メイン
フッター: フッター
ナビゲーション: ナビ
サイドバー: サイドバー
列: 列
ページ周辺機器コントロール全体のレイアウト幅: ラッパー
左右中央：左右中央
(2)ナビゲーション
ナビゲーション: ナビ
メインナビゲーション: mainbav
サブナビゲーション: サブナビゲーション
トップナビゲーション: トップナビゲーション
サイドナビゲーション: サイドバー
左側のナビゲーション: 左側のサイドバー
右ナビゲーション: 右サイドバー
メニュー：メニュー
サブメニュー: サブメニュー
タイトル: タイトル
概要: 概要
(3)機能
ロゴ: ロゴ
広告: バナー
ログイン: ログイン
ログインバー: ログインバー
登録:登録者
検索: 検索
リボン：ショップ
タイトル: タイトル
参加: ジョイナス
ステータス: ステータス
ボタン: ボタン
スクロール:スクロール
タグページ: タブ
記事一覧：一覧
プロンプトメッセージ: メッセージ
現在: 現在
ヒント: ヒント
アイコン: アイコン
注：注意
ガイド：ギルド
サービス：サービス
ホットスポット: ホット
ニュース: ニュース
ダウンロード: ダウンロード
投票:投票
パートナー：パートナー
フレンドリーリンク: リンク
著作権：著作権
(4) クラスの命名:
(1) 色: 色の名前または 16 進コードを使用します。
.red { 色: 赤 }
.f60 { カラー: #f60;
.ff8600 { カラー: #ff8600;
(2) フォント サイズ。「フォント + フォント サイズ」を名前として直接使用します。
.font12px { フォントサイズ: 12px }
.font9pt {フォントサイズ: 9pt;
(3) 整列スタイル。整列ターゲットの英語名を使用します。たとえば、
.left { float:left }
.bottom { フロート:ボトム }
(4) タイトル バーのスタイル。「カテゴリ + 機能」を使用して名前が付けられます。例:
.barnews { }
.barproduct { }
注記：：
1. 常に小文字。
2. できるだけ英語を使用してください。
3. ダッシュや下線を追加しないでください。
4. 一目で理解できる単語でない限り、単語を省略しないようにしてください。
メインマスター.css
モジュールモジュール.css
基本的な共有base.css
レイアウト、レイアウトlayout.css
テーマ テーマ.css
列列.css
テキストフォント.css
フォームフォーム.css
パッチメンド.css
プリントプリント.css
著者は、速やかにあなたの名前を明記してこのサイトに連絡してください。連絡先電子メール: edu#chinaz.com (# を @ に変更)。