CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Utilisation de l'Inspecteur d'Éléments pour le CSS

Utilisation de l'Inspecteur d'Éléments pour le CSS

Visualiser le code CSS
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 vous permettre de :

- Comprendre comment utiliser la partie style de l'inspecteur d'éléments;

- Visualiser l'héritage et la cascade des styles CSS;

- Identifier et corriger les erreurs de style;

- Analyser le poids des sélecteurs et leur influence sur l'application des styles.

Apprenez à utiliser la partie style de l'inspecteur d'éléments pour visualiser l'héritage et la cascade des propriétés CSS, identifier les polices chargées et comprendre le poids des sélecteurs.

Dans cette leçon, nous explorons en détail la deuxième partie de l'inspecteur d'éléments, dédiée aux styles CSS. Vous apprendrez à identifier les propriétés CSS appliquées à différents éléments de votre page, y compris celles héritées des styles du navigateur et celles surchargées par vos propres règles CSS. Nous allons examiner comment visualiser et analyser la cascade des styles et l'héritage, ce qui est essentiel pour comprendre comment les styles sont appliqués et pourquoi certains styles prennent le dessus sur d'autres.

En cliquant sur un élément, comme le body, vous verrez la liste des propriétés CSS qui lui sont appliquées, y compris les marges par défaut du navigateur et comment les annuler. Vous découvrirez également comment l'inspecteur d'éléments affiche les styles en commentaire ou ceux qui sont hérités d'autres sélecteurs. Par exemple, le sélecteur nav a héritant du centrage du texte et de la couleur de l'arrière-plan. Cela permet d'identifier facilement les erreurs potentielles dans votre CSS et de mieux comprendre la structure de votre feuille de style.

Voir plus
Questions réponses
Qu'est-ce que la partie style de l'inspecteur d'éléments permet de visualiser?
La partie style de l'inspecteur d'éléments permet de visualiser toutes les informations de style CSS appliquées aux éléments de la page, y compris les propriétés héritées et la cascade des styles.
Comment l'inspecteur d'éléments aide-t-il à comprendre le poids des sélecteurs CSS?
L'inspecteur d'éléments montre les sélecteurs appliqués à un élément et permet de voir pourquoi un sélecteur supprime ou surcharge un autre, en fonction de leur spécificité relative.
Que montre l'inspecteur d'éléments concernant les marges par défaut du navigateur sur le body ?
L'inspecteur d'éléments montre que, par défaut, le navigateur applique une marge de 8 pixels au body. Cette information est utile pour annuler ou modifier ce style de base.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 10 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 !