Comment formater le code CSS dans dw

青灯夜游
Libérer: 2023-01-13 00:40:52
original
10155 Les gens l'ont consulté

Méthode : 1. Cliquez sur l'option "Modifier" et sélectionnez "Paramètres préférés" ; 2. Sélectionnez "Format du code" puis cliquez sur CSS dans "Paramètres de format avancés" ; 3. Placez "Chaque attribut dans un emplacement séparé ; Mettez une coche devant la ligne"; 4. Cliquez sur "OK" -> "Appliquer"; 5. Cliquez sur l'option "Commande", puis cliquez sur l'option "Appliquer le format source".

Comment formater le code CSS dans dw

L'environnement d'exploitation de ce tutoriel : système Windows 7, version Adobe Dreamweaver CS6, ordinateur Dell G3.

Recommandations associées : "Tutoriel Dreamweaver"

Tout d'abord, utilisez DW pour ouvrir un fichier CSS qui a été écrit et jetez un œil au code modifié avant de le formater. .

Comment formater le code CSS dans dw

Ensuite, nous cliquons sur l'option "Command" en haut de la fenêtre du logiciel, puis cliquons sur l'option "Appliquer le format source" dans le menu contextuel pour formater notre code.

Comment formater le code CSS dans dw

Après formatage, les attributs de chacune de nos classes sont affichés sur une seule ligne, et seront affichés sur une nouvelle ligne s'ils ne peuvent pas rentrer. Il s'agit de l'effet de formatage lorsque la page n'est pas définie.

Comment formater le code CSS dans dw

Ensuite, nous modifions le format du code CSS et définissons les attributs CSS pour qu'ils soient affichés sur une seule ligne en tant qu'attribut unique. Nous cliquons sur l'option d'édition et sélectionnons "Paramètres préférés" dans le menu déroulant pop-up

Comment formater le code CSS dans dw

Nous sélectionnons "Format de code" dans la catégorie dans la pop-up " Boîte de dialogue Préférences", puis cliquez sur css dans "Paramètres de format avancés"

Comment formater le code CSS dans dw

Dans la boîte de dialogue des options de formatage de la source CSS, mettez "Chaque attribut sur une ligne séparée" devant Cochez la case pour voir l’effet d’aperçu.

Comment formater le code CSS dans dw

Après la sélection, cliquez sur "OK", puis sur "Appliquer", puis sur "Fermer", puis appliquez à nouveau le format source au code CSS. Le code devient un seul attribut et une seule ligne.

Comment formater le code CSS dans dw

Comment formater le code CSS dans dw

À ce stade, le formatage est terminé.

Pour plus de connaissances sur la programmation, veuillez visiter : Introduction à la programmation ! !

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal