Comment lire le Web CSS

Comment afficher le CSS d'une page Web : 1. Ouvrez la page Web spécifiée dans le navigateur ; 2. Cliquez avec le bouton droit sur l'espace vide de la page Web et sélectionnez l'option "Inspecter l'élément" ou appuyez sur la touche "F12". pour ouvrir le panneau de contrôle du développeur ; 3. Sélectionnez l'onglet "Éléments" et cliquez sur l'élément de la page Web pour afficher le code CSS correspondant sur le côté droit du panneau de contrôle.

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

Comment afficher le CSS d'une page Web :

1. Ouvrez la page Web spécifiée dans le navigateur

2. Ouvrez le panneau de configuration du développeur

Dans l'espace vide de la page Web, cliquez avec le bouton droit de la souris et sélectionnez. quelque chose comme l'option "Mode développeur" ou "Inspecter l'élément" ou appuyez sur "F12"

3. Dans le panneau de configuration, sélectionnez l'onglet "Éléments", cliquez sur l'élément de la page Web pour afficher le CSS correspondant code sur le côté droit du panneau de commande.

Comme le montre l'image ci-dessus :

Nous pouvons comparer la position du code sur le côté gauche du panneau de configuration avec le niveau DIV du site Web pour voir le style CSS, le nom de la feuille de style et la ligne de la feuille de style correspondants. position sur le côté droit. Comme le montre la figure, le nom du registre est clairement marqué comme w5.css et l'emplacement du code de la feuille de style se trouve à la ligne 33 de w5.css.

Dans le même temps, nous pouvons également effectuer des tests d'édition front-end sur le style css ou le style div du code html dans le panneau de configuration pour déboguer l'effet. Bien entendu, votre opération ne modifiera pas le style côté serveur ou la page Web. du site Web, il s'agit simplement de votre page de test locale, le style par défaut sera restauré après actualisation avec F5.

(Partage de vidéos d'apprentissage : 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!