Introduction au CSS3 - Partie 1 : Qu'est-ce que c'est ?

Le CSS3 offre une immense variété de nouvelles façons de modifier le design de vos sites web, sans pour autant impliquer de grandes modifications. Ce premier tutoriel vous donnera une introduction très basique aux nouvelles possibilités créées par le standard.

Le développement de CSS3 va être divisé en 'modules'. La vieille spécification était simplement trop longue et complexe pour être mise à jour d'un seul tenant, alors elle a été séparée en morceaux plus petits - avec quelques nouveaux ajouts. Certains de ces modules incluent :

• Le modèle de boîtes ;
• Le module de listes ;
• La présentation des hyperliens ;
• Le module vocal ;
• Les arrières plan et les Bords ;
• Les effets de texte ;
• La mise en page multi-colonnes.

Voir la liste complète des modules"

Beaucoup de nouveaux modules sont maintenant terminés, dont le SVG (Scalable Vector Graphics : pour le dessin vectoriel), Media Queries (recherche dans les médias) et les Namespaces (espaces de nommage). Les autres sont toujours en écriture.

Il est difficile de donner une date à partir de laquelle les navigateurs web adopteront les nouvelles fonctionnalités du CSS3 - quelques nouvelles versions de Safari ont déjà commencé à le faire.

Les nouvelles fonctionnalités seront implémentées progressivement dans les différents navigateurs et il peut se passer un à deux ans avant que tous les modules soient entièrement adoptés.

Heureusement, d'une façon globalement positive, le CSS3 bénéficiera d'une rétro-compatibilité complète, si bien qu'il ne sera pas nécessaire de changer les designs existants pour s'assurer qu'ils marchent - les navigateurs web continueront toujours à supporter le CSS2.

Le principal impact sera la possibilité d'utiliser les nouveaux sélecteurs et propriétés qui sont disponibles. Ceux-ci vous permettront à la fois d'utiliser les nouvelles fonctions de design (animations ou dégradés par exemple), et d'utiliser les fonctions actuelles de design de manière bien plus aisée (par exemple en utilisant les colonnes).

Les futurs articles de cette série se focaliseront chacun sur un module différent de la spécification CSS3, et les nouvelles fonctionnalités qu'ils apporteront. Le prochain parle des bordures CSS3.

Tous mes remerciements à romaintaz pour sa relecture.

• Introduction au CSS3 - Partie 1 : Qu'est-ce que c'est ?
• Introduction au CSS3 - Partie 2 : Les bordures
• Introduction au CSS3 - Partie 3 : Les effets de texte
• Introduction au CSS3 - Partie 4: L'interface utilisateur
• Introduction au CSS3 - Partie 5: Les multiples colonnes
• Introduction au CSS3 - Partie 6 : Les arrière-plans