1. Fügen Sie am Anfang des Stylesheets einen Kommentarblock hinzu, um das Erstellungsdatum, den Ersteller, Tags und andere Bemerkungsinformationen des Stylesheets zu beschreiben.
| Beispiel-Quellcode : /* ---------------------------------- Site: Site-Name Autor: 52CSS.com Aktualisiert: Datum und Uhrzeit Aktualisiert von: Name ---------------------------------- */ |
2. Fügen Sie öffentliche Farbmarkierungen hinzu
| Beispiel-Quellcode : /* ---------------------------------- FARBEN Körperhintergrund: #def455 Containerhintergrund: #fff Haupttext: #333 Links: #00600f Besuchte Links: #098761 Hover-Links: #aaf433 H1, H2, H3: #960 H4, H5, H6: #000 ---------------------------------- */ |
3. Geben Sie ID und Klasse aussagekräftige Namen
Nicht empfohlene Benennungsmethode:
| Beispiel-Quellcode : .green-box { ... } #big-text { ... } |
Empfohlene Benennungsmethode:
| Beispiel-Quellcode : .pullquote {... } #Einführung {... } |
4. Integrieren Sie zugehörige Stilregeln
| Beispiel-Quellcode : #header { ... } #header h1 { ... } #header h1 img { ... } #header-Formular { ... } #header a#skip { ... } #navigation { ... } #navigation ul { ... } #navigation ulli { ... } #navigation ul li a { ... } #navigation ul li a:hover { ... } #Inhalt { ... } #content h2 { ... } #content p { ... } #contentul { ... } #contentulli { ... } |
5. Fügen Sie den Stilen klare Kommentare hinzu
| Beispiel-Quellcode : /* ---------------------------------- Header-Stile ---------------------------------- */ #header { ... } #header h1 { ... } #header h1 img { ... } #header-Formular { ... } /* ---------------------------------- Navigationsstile ---------------------------------- */ #navigation { ... } |