CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Comment utiliser normalize.css pour uniformiser vos feuilles de style

Comment utiliser normalize.css pour uniformiser vos feuilles de style

Normalize
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

Introduction à normalize.css

Objectifs

Comprendre l'utilité de normalize.css.
Apprendre à l'intégrer dans un projet web.
Identifier et corriger les différences de style entre navigateurs.

Résumé

Apprenez à utiliser normalize.css pour uniformiser vos feuilles de style entre les navigateurs, améliorer la compatibilité de votre site et éviter les bugs spécifiques.

Description

Une méthode efficace pour harmoniser les styles CSS entre différents navigateurs est l'utilisation de normalize.css. Contrairement à la méthode de reset CSS d'Eric Meyer, qui annule tous les styles par défaut, normalize.css vise à corriger les différences entre les navigateurs pour une présentation uniforme des éléments HTML.

Dans cette leçon, nous allons voir comment télécharger et intégrer normalize.css dans votre projet, examiner quelques corrections importantes qu'il propose, et apprendre comment cela améliore la présentation des pages web sur différents appareils et navigateurs.

Vous découvrirez également quelques ajustements spécifiques comme la correction du line-height et du font-size sur les iPhones et iPads en mode paysage, ainsi que des corrections pour les comportements par défaut des navigateurs pour des éléments comme main et h1 dans des sections et articles.

En intégrant normalize.css dans vos projets, vous posez les bases d'une compatibilité accrue et d'une maintenance simplifiée de vos feuilles de style.

Voir plus

Questions fréquentes

Qu'est-ce que normalize.css?
normalize.css est un fichier CSS qui propose des corrections de style entre différents navigateurs, visant à uniformiser l'apparence des éléments HTML par défaut.
Pourquoi utiliser normalize.css plutôt qu'un reset CSS traditionnel?
Normalize.css conserve les styles utiles par défaut et apporte des corrections ciblées pour les différences de comportement entre navigateurs, tandis qu'un reset CSS traditionnel annule tous les styles par défaut de manière plus radicale.
Comment vérifier si normalize.css est bien appliqué à votre projet?
Vous pouvez vérifier l'application de normalize.css en utilisant l'inspecteur d'éléments de votre navigateur, en observant les styles appliqués au body et comparant avec ceux définis dans normalize.css.

Programme détaillé

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