日常の豆知識まとめ（１）

HTML:

1: ネストされたノードは 4 つのスペースでインデントする必要があります
2: 属性には二重引用符を使用します。例: class=""
3: 単一のラベル (`
meta>`) を閉じる必要はありません。
4: すべてのコードは小文字のみを使用します
5: エンコード方法 `を定義します
6: `CSS` および `JavaScript` を導入する場合は必要ありません`type`を指定
7: HTML属性の記述順序 id -->class -->name -->data-* -->src, for, type, href-->title, alt
8: JavaScript ファイル内でタグを生成しないようにしてください
9: 各ブロック要素、リスト要素、テーブル要素はそれぞれ独立した行に配置する必要があります
10: セマンティック

Css:

1: インデント: スペース4個
2: スペース: スペース1、スペース2 (`:`と`属性値`の間にスペースが含まれている必要があります)
.selector {
パディング: 0px;
}
3: ID 命名: キャメルケース命名、スタイル コントロールとして ID を使用することは禁止されています クラス命名: アンダースコア
4: パブリック スタイルを除くすべてのクラス命名、すべてで始まる必要があります現在のモジュール名または短縮名、「.modelName」+「-」+className で置き換えます。
例: .login-label .login-input
5: 各セレクター宣言は独自の行にある必要があります
例: .post,
.page,
.comment {
line -height: 1.5;
}
6: セレクターのネストレベルは `3 レベル` を超えてはなりません
7: 属性は定義後にセミコロンで終わる必要があります。 8、下、左)
/ 表示 / 可視性 / オーバーフロー / z-index (カスケード順序)
自己プロパティ: 幅 / 高さ / 背景 / 境界線 / 輪郭など
テキストプロパティ: フォント/color/text-align/text-decoration/vertical-align/line-height
/text-indent/white-space/list-style(リストスタイル)/content など
その他の属性:cursor /ズームなど。
9: `url()` 関数内のパスは引用符で囲まれません。
10: カラー値に名前付きカラー値は使用できません。色の値のケース項目は一貫している必要があります
11: 背景は水平位置と垂直位置の両方を指定する必要があります。
12: フォント: Song SimSun Hei SimHei Microsoft YaHei Microsoft YaHei
13: テキスト段落を定義するとき、`line-height` には数値を使用する必要があります。 `line-height` を使用して垂直方向のセンタリングを制御する場合でも、コンテナと同じ高さに設定する必要があります。
例: .container {
line-height: 1.5;
}
14: `hack` 属性のすぐ後に対応する属性が続きます