Comment compresser des fichiers CSS

Méthode de compression : 1. Utilisez le logiciel DW pour ouvrir le fichier CSS ; 2. Utilisez l'outil "Rechercher et remplacer" pour supprimer tous les espaces du fichier ; 3. Supprimez les points-virgules en excès dans le code de style ; Supprimer l'excédent Laissez simplement les lignes vides pour que le code s'aligne (proches les uns des autres).

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&AdobeDreamweaverCS6, ordinateur Dell G3.

Par où commencer avec la compression du code CSS

Une fois la page Web développée, le code CSS à publier sur le site Web peut être directement réduit et compressé, comme supprimer des espaces, supprimer des sauts de ligne et supprimer des points-virgules redondants, etc.

Bien entendu, certains codes CSS peuvent être optimisés, ce qui peut réduire considérablement la quantité de code et ainsi réduire la taille du fichier.

Comment compresser des fichiers CSS

Utilisez l'outil de recherche et de remplacement du logiciel DW pour remplacer le code CSS compressé.

1. Ouvrez le fichier CSS avec le logiciel DW

2. Supprimez le code de compression de l'espace

2-1 : Utilisez la touche de raccourci "Ctrl+F" pour afficher l'onglet de l'outil Rechercher et remplacer.

2-2 : Tapez (entrez) un "espace" minuscule anglais demi-largeur à l'emplacement de recherche

Entrez un espace dans la zone "Rechercher" zone de saisie

Entrez un espace dans la zone de saisie "Rechercher" Il n'est pas nécessaire de remplir les caractères ou les codes dans la zone de saisie "Remplacer". , lors du remplacement, cela équivaut à remplacer l'espace. Il n'y a aucun caractère, ce qui équivaut à supprimer la position de l'espace.

2-3 : Cliquez sur "Remplacer tout"

Après avoir cliqué sur "Remplacer tout", vous pouvez supprimer les espaces en excès et terminer la compression.

3. Supprimez les points-virgules supplémentaires

Dans le code CSS, la fin du dernier style CSS dans chaque sélecteur CSS n'est pas nécessaire. "Point-virgule" se termine , en d'autres termes, il n'est pas nécessaire d'utiliser un point-virgule pour terminer le dernier style CSS de chaque sélecteur avant la "dernière accolade".

Utilisez également la fonction "Rechercher et remplacer" du logiciel DW pour le supprimer afin d'éviter de supprimer d'autres "points-virgules" par erreur. À ce stade, cliquez sur "Rechercher" dans. l'onglet "Rechercher et remplacer" Remplissez ";}" (point-virgule + accolade finale) dans la "zone de saisie", entrez uniquement "}" (accolade finale) dans la zone de saisie "Remplacer", puis cliquez sur "Remplacer tout". pour terminer la suppression du symbole de points-virgules en excès.

4. Supprimez les lignes vides en excès et alignez les codes dans une rangée (rapprochés)

Vous pouvez supprimer les lignes vides manuellement ou utiliser le logiciel DW pour supprimer rapidement les lignes vides. la suppression et la compression spécifiques sont les suivantes.

4-1 : Ouvrez d'abord le code du fichier CSS dans DW

4-2 : Sélectionnez la ligne vide

Déplacez d'abord le curseur de la souris au début du sélecteur, puis cliquez sur le bouton gauche de la souris. Tout en le maintenant enfoncé, tirez-le jusqu'à la fin du sélecteur précédent (après les accolades après le sélecteur de style CSS précédent). À ce moment, vous pouvez sélectionner la ligne vide, et la ligne vide est). sélectionné dans la zone bleue.

4-3 : Appeler l'outil "Rechercher et remplacer"

Après la sélection, relâchez le bouton gauche de la souris et utilisez la touche de raccourci "Ctrl+ F" " pour appeler l'onglet "Rechercher et remplacer". A ce moment, la zone de saisie "Rechercher" de l'onglet "Rechercher et remplacer" sera automatiquement remplie avec la ligne vide qui vient d'être sélectionnée.

4-4 : Cliquez sur "Remplacer tout" pour terminer la compression

Il n'est pas nécessaire de saisir d'autres caractères ou codes dans "Remplacer" zone de saisie, cliquez simplement sur "Remplacer" Terminé "pour terminer le remplacement.

Utilisez rapidement le logiciel DW pour compresser et rationaliser le code CSS (fichiers) en quelques étapes.

Avantages de la compression CSS :

1. Réduisez la taille du fichier

2. Réduisez le volume de transmission du réseau et l'utilisation de la bande passante

3. . Réduire la pression de traitement sur le serveur

4. Améliorer le rendu et la vitesse d'affichage de la page

(Apprentissage du partage vidéo : Tutoriel vidéo CSS )

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!