|
CSS スタイルの命名規則
1.ファイル命名規則
グローバル スタイル: global.css;
フォント スタイル: font.css;
印刷スタイル: print.css;共通のクラス/ID 命名規則
ヘッダー: header
コンテンツ: content
コンテナ: コンテナ
フッター: footer
著作権: copyright
ナビゲーション: menu
メインナビゲーション: mainMenu
サブナビゲーション: subMenu
ロゴ: logo
スローガン: バナー
title:タイトル
sidebar:サイドバー
icon:アイコン
note:メモ
search:検索
ボタン:btn
login:ログイン
link:リンク
情報ボックス:管理
...
よく使われるクラスの命名一般的な英単語を標準として使用し、理解しやすくし、適切な場所に注釈を付けます。二次クラス/ID の命名には、複合書き込みモードが採用され、最後の単語の最初の文字は大文字にする必要があります。たとえば、「検索ボックス」は「searchInput」、「検索アイコン」は「searchIcon」、 "検索ボタン" "名前付き" searchBtn
名前付けの詳細については、次を参照してください:
http://www.52css.com/search.asp?SearchContent=%E5%91%BD%E5%90%8D&searchType =title
CSS の記述仕様とメソッド
1. 従来の記述仕様とメソッド
1. DOCTYPE を選択します:
XHTML 1.0 では、次の 3 つの DTD 宣言から選択できます:
非常に緩やかな要件を持つ DTD。 HTML4.01 ロゴを引き続き使用するには (ただし、xhtml の記述方法に準拠する必要があります)、完全なコードは次のとおりです:
Strict (厳密): 厳密な DTD の場合、プレゼンテーション層の識別子と属性は使用できません。
完全なコードは次のとおりです:
Frameset: フレーム ページ用に特別に設計された DTD。ページにフレームが含まれる場合は、この DTD を使用する必要があります。完全なコードは次のとおりです:
DTD については、次を参照してください。
http://www.52css.com/search.asp?SearchContent=%E6%96%87%E6 %A1%.A3%E7%B1%BB%E5%9E%8B&searchType=title
2. 言語と文字セットを指定します:
ドキュメントの言語を指定します:
ブラウザーで正しく解釈され、W3C コード検証に合格するには、すべての XHTML ドキュメントが使用するエンコード言語を次のように宣言する必要があります。
一般的に使用される言語定義。 :
標準 XML ドキュメント言語定義:
古いバージョンのブラウザの言語定義:
文字セットを改善するには、 「utf -8」を使用することをお勧めします。
3. スタイルシートの呼び出し:
外部スタイルシートの呼び出し:
ページ内メソッド: ページコードの先頭領域にスタイルシートを直接記述します。例:
| 
