Zusammenfassung und Weitergabe der Vorsichtsmaßnahmen zum Schreiben von CSS

CSS-Schreiben erfordert Anhäufung, und eine gute CSS-Schreibgewohnheit ist für unser zukünftiges Wachstum sehr vorteilhaft. Ich werde hier von Zeit zu Zeit aktualisieren, was ich normalerweise sehe oder begegne, und es von Zeit zu Zeit lesen hoffe, einige Fortschritte zu machen.

Wenn Sie als Leser auch Meinungen und Vorschläge haben, hinterlassen Sie bitte einen Kommentar und ich werde ihn aktualisieren, vielen Dank!

1. CSS-Selektoren werden von rechts nach links verglichen, z. B. #nav li. Bei der Suche werden zuerst alle li gefunden und dann die übergeordneten Elemente gefiltert, um das passende übergeordnete Element zu ermitteln. ... Die Leistung ist also tatsächlich sehr schlecht

Versuchen Sie also, die Tiefe zu reduzieren

2. Reduzieren Sie die Anzahl der Inline-CSS

3. Verwenden Sie moderne legale CSS-Attribute

4. Vermeiden Sie die Verwendung von Nachkommenselektoren und versuchen Sie, Nachkommenselektoren zu verwenden.

　#tp p{}   (父)                                         
　#tp>p{}  (子)

5. Vermeiden Sie beispielsweise die Verwendung von Platzhaltern *{}

6. Versuchen Sie, Namen nicht abzukürzen, es sei denn, es handelt sich um Wörter, die auf einen Blick leicht zu verstehen sind

7 Versuchen Sie, Englisch, englische Abkürzungen oder Pinyin zu verwenden

8 , CSS-Kommentare Einzeilige Kommentare /**/ Mehrzeilige Kommentare

9. Einige Attribute müssen browserkompatibel sein

10. Alle dekorativen Bilder müssen in CSS geschrieben sein

12. Die ID muss eindeutig sein und im Dokument definiert sein

13. Es wird nicht empfohlen, den Bindestrich-Konnektor bei der Benennung von CSS-Codes zu verwenden

14 , es wird empfohlen, dass die Einheiten relative Längeneinheiten wie em und % verwenden. Versuchen Sie, keine Filter zu verwenden, da Filter die Codelesegeschwindigkeit und -kompatibilität beeinträchtigen

Das obige ist der detaillierte Inhalt vonZusammenfassung und Weitergabe der Vorsichtsmaßnahmen zum Schreiben von CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!