Zusammenfassung der täglichen Wissenspunkte (1)

Zusammenfassung der Frontend-Spezifikationen

Html:
1: Verschachtelte Knoten sollten um vier Leerzeichen eingerückt werden
2: Verwenden Sie doppelte Anführungszeichen für Attribute, z. B.: class=""
3: Einzelne Tags („

Css:
1: Einzug: 4 Leerzeichen
2: Leerzeichen: Leerzeichen 1, Leerzeichen 2 (`:` Es muss ein Leerzeichen zwischen dem „Attributwert“ sein)
.selector {
padding: 0px;
}
3: ID-Benennung: Kamel-Kasten-Benennung, es ist verboten, ID als Stilsteuerung zu verwenden. Klassenbenennung: Unterstrich
4: Alle Klassenbenennungen, außer öffentliche Stile, alle müssen beginnen mit der aktuelle Modulname oder abgekürzte Name, „.modelName“ „-“ className.
zB: .login-label .login-input
5: Jede Selektordeklaration muss in einer eigenen Zeile stehen
zB: .post,
.page,
.comment {
line-height: 1.5;
}
6: Die Verschachtelungsebene des Selektors sollte nicht größer als „3 Ebenen“ sein
7: Das Attribut muss nach der Definition mit einem Semikolon enden.
8: Attributschreiben: „Layout-Positionierungsattribut“ > „Selbstattribut“ > „Andere Attribute“
Layout-Positionierungsattribut: Rand / padding / float / clear / position (oben, rechts, unten, links)
/ display / sichtbarkeit / überlauf / z-index (kaskadierende Reihenfolge)
selbst Eigenschaften: Breite/Höhe/Hintergrund/Rahmen/Umriss usw.
Texteigenschaften: Schriftart/Farbe/Textausrichtung/Textdekoration/vertikale Ausrichtung/Zeilenhöhe
/text-indent / white-space / list-style (Listenstil) /content usw.
Andere Attribute: Cursor / Zoom usw.
9: `url()`Der Pfad in der Funktion wird nicht in Anführungszeichen gesetzt.
10: Benannte Farbwerte sind für Farbwerte nicht zulässig. Die Farbwert-Fallelemente müssen konsistent sein
11: Es müssen sowohl horizontale als auch vertikale Positionen angegeben werden.
12: Schriftart: Song SimSun Hei SimHei Microsoft YaHei Microsoft YaHei
13: `line-height` sollte beim Definieren von Textabsätzen numerische Werte verwenden. Wenn „line-height“ zur Steuerung der vertikalen Zentrierung verwendet wird, sollte diese dennoch auf die gleiche Höhe wie der Container eingestellt werden.
zB: .container {
Zeilenhöhe: 1,5;
}
14: Das „Hack“-Attribut folgt unmittelbar auf das entsprechende Attribut