CSS – version 3

Remarque

Ce tutoriel n’est pas destiné aux débutants en CSS. Il se contente surtout (même si il y a quelques pages de révisions) de signaler toutes les nouveautés apportées par la version 3 de CSS et s’adresse plutôt aux développeurs Web déjà expérimentés.
Pour les grands débutants visitez d’abord (dans le même site) : débuter en HTML & CSS
Même les visiteurs pensant connaitre CSS peuvent cependant vérifier leurs acquis en relisant les pages de la partie « révisions ». Ils découvriront peut-être certaines fonctionnalités de la version 2 peu connues (feuille de style pour impression, numérotation automatique des titres, etc.)

Nouvelles fonctionnalités de la version 3

Les possibilités offertes par CSS3 sont impressionnantes. Citons quelques nouvelles fonctionnalités introduites par cette version :

  • grâce aux media queries un site devient « responsive » : les pages s’affichent de façon optimale sur n’importe quel écran
  • le positionnement des boites dans la page était en CSS2 un vrai casse-tête. CSS3 introduit deux nouveaux outils (grid-layout et flexbox).
  • CSS3 c’est aussi de nouvelles pseudo-classes utiles pour les tableaux, les formulaires et la numérotation des titres
  • beaucoup de nouveautés aussi pour les boites : border-radius, box-shadow, clip-path, box-sizing, … )
  • CSS3 introduit aussi les filtres, les dégradés, les ombrages, etc.
  • la propriété background est très enrichie
  • nouvelles propriétés pour créer des animations qui peuvent être 3D

Tutoriel CSS3