Heim >Web-Frontend >Front-End-Fragen und Antworten >So komprimieren Sie CSS-Dateien
Komprimierungsmethode: 1. Verwenden Sie die DW-Software, um die CSS-Datei zu öffnen. 2. Verwenden Sie das Tool „Suchen und Ersetzen“, um alle Leerzeichen in der Datei zu löschen. 4. Löschen Sie überschüssige Leerzeilen und lassen Sie die Codes einfach in einer Reihe (nahe beieinander) anordnen.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und AdobeDreamweaverCS6-Version, Dell G3-Computer.
Wo fange ich mit der CSS-Codekomprimierung an?
Nachdem die Webseite entwickelt wurde, kann der auf der Website zu veröffentlichende CSS-Code direkt reduziert und komprimiert werden, z. B. durch Löschen von Leerzeichen, Entfernen von Zeilenumbrüchen, Entfernen überflüssiger Semikolons usw.
Natürlich können einige CSS-Codes verwendet werden. Durch Optimierung kann auch die Codemenge stark reduziert und somit die Dateigröße verringert werden.
So komprimieren Sie CSS-Dateien
Verwenden Sie das Such- und Ersetzungstool der DW-Software, um den komprimierten CSS-Code zu ersetzen.
1. Öffnen Sie die CSS-Datei mit der DW-Software
2. Löschen Sie den Leerzeichenkomprimierungscode
2-1: Verwenden Sie die Tastenkombination „Strg+F“, um die Registerkarte „Suchen und Ersetzen“ aufzurufen.
2-2: Geben Sie ein englisches „Leerzeichen“ halber Breite in Kleinbuchstaben am Suchort ein.
Geben Sie ein Leerzeichen in das Eingabefeld „Suchen“ ein.
Geben Sie ein Leerzeichen in das Feld „Suchen“ ein "Eingabefeld. Im Eingabefeld „Ersetzen“ müssen keine Zeichen oder Codes eingegeben werden. Auf diese Weise entspricht die Durchführung der Ersetzung dem Ersetzen der Leerzeichen ohne Zeichen, was dem Löschen des Leerzeichens entspricht Positionen.
2-3: Klicken Sie auf „Alle ersetzen“.
Nachdem Sie auf „Alle ersetzen“ geklickt haben, können Sie die überschüssigen Leerzeichen löschen und die Komprimierung abschließen.
3. Löschen Sie die zusätzlichen Semikolons
Im CSS-Code muss das Ende des letzten CSS-Stils in jedem CSS-Selektor nicht mit einem „Semikolon“ enden, mit anderen Worten, jeder Selektor ist nicht erforderlich für ein Semikolon, um den letzten CSS-Stil vor der „letzten geschweiften Klammer“ zu beenden.
Verwenden Sie zum Löschen auch die Funktion „Suchen und Ersetzen“, um zu vermeiden, dass andere „Semikolons“ versehentlich gelöscht werden. Geben Sie zu diesem Zeitpunkt „;}“ in das Eingabefeld „Suchen“ ein Geben Sie auf der Registerkarte „Suchen und Ersetzen“ (Semikolon + abschließende Klammer) nur „}“ (schließende Klammer) in das Eingabefeld „Ersetzen“ ein und klicken Sie dann auf „Alle ersetzen“, um das Löschen redundanter Semikolonsymbole abzuschließen.
4. Löschen Sie überschüssige Leerzeilen, sodass die Codes in einer Reihe (nahe beieinander) angeordnet sind.
Sie können Leerzeilen manuell löschen oder Leerzeilen mithilfe der DW-Software schnell löschen Komprimierung sind wie folgt.
4-1: Öffnen Sie zuerst den CSS-Dateicode in DW
4-2: Wählen Sie die leere Zeile aus
Bewegen Sie zuerst den Mauszeiger an den Anfang des Selektors, klicken Sie dann und halten Sie die linke Maustaste gedrückt, während Sie nach oben ziehen Am Ende des vorherigen Selektors (nach den geschweiften Klammern nach dem vorherigen CSS-Stilselektor) können Sie zu diesem Zeitpunkt eine leere Zeile auswählen und die leere Zeile als blauen Bereich auswählen.
4-3: Rufen Sie das Tool „Suchen und Ersetzen“ auf.
Nachdem Sie die linke Maustaste ausgewählt und losgelassen haben, rufen Sie mit der Tastenkombination „Strg+F“ die Registerkarte „Suchen und Ersetzen“ auf Dieses Mal wird das Eingabefeld „Suchen“ der Registerkarte „Suchen und Ersetzen“ automatisch mit der gerade ausgewählten Leerzeile ausgefüllt.
4-4: Klicken Sie auf „Alle ersetzen“, um die Komprimierung abzuschließen.
Es müssen keine weiteren Zeichen oder Codes in das Eingabefeld „Ersetzen“ eingegeben werden. Klicken Sie einfach auf „Ersetzen abgeschlossen“, um die Ersetzung abzuschließen.
Verwenden Sie schnell die DW-Software, um CSS-Code (Dateien) in wenigen Schritten zu komprimieren und zu optimieren.
Vorteile der CSS-Komprimierung:
Reduzieren Sie die Dateigröße
Reduzieren Sie den Verarbeitungsdruck des Servers
Video-Sharing lernen:
CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo komprimieren Sie CSS-Dateien. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!