Tutoriel de dém...login
Tutoriel de démarrage de Firebug
auteur:php.cn  temps de mise à jour:2022-04-14 16:53:53

Afficher et modifier HTML et CSS avec Firebug



Description

Dans ce chapitre du didacticiel, nous verrons comment afficher et modifier du HTML et du CSS à l'aide de Firebug.

Utilisez Firebug pour afficher et modifier le HTML

Cliquez avec le bouton droit sur l'élément que vous souhaitez afficher et cliquez sur Inspecter l'élément.

inspect-html-firebug

Cliquez maintenant sur Modifier dans la fenêtre Firebug.

inspect-html-firebug1


Modifier le code<h1>Composants de Firebug</h1> pour modifier le code dans la fenêtre Firebug et vous pourrez visualiser l'effet d'affichage du code modifié sur le navigateur en temps réel. Vous pouvez également copier le code dans votre fichier HTML.

inspect-html-firebug2Utilisez Firebug pour afficher et modifier les CSS

Cliquez avec le bouton droit sur l'élément que vous souhaitez afficher et cliquez sur

Inspecter l'élément (afficher l'élément)
. Comme le montre l'image ci-dessous, cliquez sur le fichier de style

et modifiez la couleur du titre en modifiant le code en

color:red;

inspect-css-firebug

Une fois la modification terminée, vous pouvez voir immédiatement l'effet de la modification.

Vous pouvez maintenant copier le style modifié, remplacer le code original et l'enregistrer pour le rendre efficace :