Wie erreicht man die Wiederverwendung von CSS-Code?
(Empfohlenes Lernen: CSS-Schnellstart)
Die Vorschläge lauten wie folgt:
1 Schreiben Sie es auf. Klassencode zurücksetzen.
Weil der Browser einen Standardstil für Tags hat.
2. CSS-Atomklassen aufteilen
In einem großen Projekt gibt es einige häufig verwendete CSS-Regeln wie Textausrichtung, Float, Rahmen, Position usw mehr als zehnmal auftauchen. Darüber hinaus haben wir unsere CSS-Atomklasse bereits zu Beginn des Projekts definiert, sodass wir die .fl-Klasse nur für die Elemente einführen müssen, die schwebend bleiben müssen.
Wenn ein Element jedoch mehr atomare CSS-Klassen einführt, erhöht sich auch der Wert der Klasse dieses Elements. Es ist am besten, nicht mehr als 5 Klassenattributwerte zu haben kann CSS-Modularität berücksichtigen.
3. Modularisieren Sie die wiederverwendbaren Komponenten im Projekt.
Zum Beispiel werden Schaltfläche und Eingabe separat in der gemeinsamen Komponentendatei platziert, wodurch nicht nur die Einheit des Website-Stils gewahrt bleibt, sondern auch erleichtern auch die spätere Replikation und Wartung.
Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Wiederverwendung von CSS-Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
