Utiliser les Unités de Mesure en CSS

Les unités de valeurs
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

À la fin de cette vidéo, vous serez capable de :

  • Identifier et utiliser les unités de mesure en CSS.
  • Adapter la taille des polices et autres éléments en fonction des besoins du design.
  • Comprendre les différences entre les unités de taille fixes et relatives.

Découvrez comment utiliser les différentes unités de mesure en CSS pour ajuster les tailles de polices, bordures et marges.

Dans cette leçon, nous explorerons les différentes unités de mesure en CSS. Pour commencer, nous aborderons les unités fixes telles que le centimètre, le millimètre, le point et le pica, bien que celles-ci soient rarement utilisées sur le web. Nous nous concentrerons principalement sur les unités de taille relative, qui sont essentielles pour un rendu adaptable et réactif de vos sites web.

Les unités de taille relative comprennent le pixel (une unité de taille simple à comprendre, correspondant à un point sur l'écran), le pourcentage (où 100% représente la taille par défaut), et le em (basé sur la largeur de la lettre 'M').

Nous verrons également comment définir les tailles de police par défaut avec des exemples concrets de CSS modifiant la taille des différentes balises de titre, de H1 à H6, en utilisant le pixel comme unité de base. La police par défaut des navigateurs est généralement de 16 pixels, mais nous pouvons la changer selon nos besoins pour adapter l'affichage global du site.

En conclusion, savoir naviguer entre ces différentes unités de mesure vous permettra d'avoir un contrôle précis sur la présentation de vos éléments web, garantissant une meilleure expérience utilisateur.

Voir plus
Questions réponses
Pourquoi les unités de taille relative sont-elles préférées aux unités fixes sur le web ?
Les unités de taille relative s'adaptent à la taille du texte environnant ou à la résolution de l'écran, ce qui rend le design plus flexible et réactif.
Quelle est la taille par défaut de la police de caractère dans les navigateurs ?
La taille par défaut de la police de caractère dans les navigateurs est généralement de 16 pixels.
Comment définir une taille de police par défaut pour tout un site web en CSS ?
Vous pouvez définir une taille de police par défaut pour tout un site web en utilisant la propriété font-size sur l'élément body.

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 !