CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Maîtriser l'Inspecteur d'Éléments pour l'Optimisation CSS

Maîtriser l'Inspecteur d'Éléments pour l'Optimisation CSS

Modifier son code tester en live
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription

89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
4,5
89,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :
- Montrer comment utiliser l'inspecteur d'éléments pour modifier et tester des propriétés CSS.
- Expliquer comment détecter et corriger les erreurs CSS.
- Démontrer l'utilité des outils de couleur dans l'inspecteur d'éléments.

Découvrez comment utiliser l'inspecteur d'éléments pour modifier et tester vos propriétés CSS directement dans votre navigateur.

L'inspecteur d'éléments est un outil puissant pour tout développeur web. Grâce à lui, vous pouvez directement modifier ou ajouter des propriétés CSS à vos éléments sur la page. Par exemple, en cliquant sur un élément 'nav', il est possible d'ajouter un padding en utilisant la fonction autocomplétion qui vous propose des propriétés commençant par les caractères saisis. La touche tabulation permet de valider cette propriété et de passer à la valeur souhaitée. Les modifications sont immédiatement visibles sur la page, ce qui permet de tester et de visualiser les résultats en temps réel. Toutefois, ces modifications ne sont pas enregistrées dans vos fichiers CSS et ne sont que temporaires.

Vous pouvez aussi tester et modifier les couleurs en naviguant dans le spectre de couleurs, similaire à des outils comme Colorzilla. L'inspecteur d'éléments vous permet également de copier le code hexadécimal de la couleur sélectionnée pour l'utiliser dans vos fichiers CSS.

Un autre avantage de l'inspecteur d'éléments est son aptitude à détecter les erreurs. Par exemple, si vous oubliez de fermer une propriété ou un point-virgule, un avertissement s'affichera, signalant la présence d'une erreur. De plus, si une propriété CSS n'apparait pas dans l'inspecteur, cela indique généralement une erreur en amont dans votre code. En résumé, l'inspecteur d'éléments est un outil précieux non seulement pour tester les modifications CSS en direct, mais aussi pour détecter et corriger les erreurs dans votre code.

Voir plus
Questions réponses
Quels sont les avantages de l'inspecteur d'éléments pour la modification de CSS ?
L'inspecteur d'éléments permet de modifier et tester des propriétés CSS directement dans le navigateur, de visualiser immédiatement les changements et de détecter et corriger les erreurs en temps réel.
Pourquoi les modifications faites avec l'inspecteur d'éléments ne sont pas sauvegardées dans le fichier CSS ?
Les modifications faites avec l'inspecteur d'éléments sont destinées aux tests et ne sont pas reliées directement aux fichiers CSS, ce qui signifie qu'elles sont temporaires et ne sont visibles que localement dans la session actuelle du navigateur.
Comment l'inspecteur d'éléments aide-t-il à détecter les erreurs dans le code CSS ?
L'inspecteur d'éléments signale les erreurs de syntaxe et de propriété en utilisant des warnings ou en barrant les propriétés erronées, indiquant ainsi où se trouvent les erreurs dans le code.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 9 mois
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 1 an
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !