Introduction à CSS3 - Partie 1: Qu'est-ce que c'est?
Cet article marque le premier de plusieurs, fournissant une introduction à la nouvelle norme CSS3 qui devrait prendre le relais de CSS2. Nous allons commencer dès le début - vous évitant d'avoir même entendu parler de CSS3, pour vous sentir prêt à le faire fonctionner alors que diverses fonctionnalités commencent à être plus largement adoptées.
Qu'Est-ce que c'est?
CSS3 offre une grande variété de nouvelles façons de créer un impact avec vos conceptions, avec quelques changements importants. Ce premier tutoriel vous donnera une introduction très basique aux nouvelles possibilités créées par la norme.
Modules
Le développement de CSS3 va être divisé en «modules». L'ancienne spécification était tout simplement trop grande et complexe pour être mise à jour en tant que telle, elle a donc été décomposée en petits morceaux - avec de nouveaux également ajoutés. Certains de ces modules comprennent:
- Le modèle Box
- Module Listes
- Présentation hyperlien
- Module de parole
- Arrière-plans et frontières
- Effets de texte
- Disposition à plusieurs colonnes
Voir la liste complète des modules
Calendrier
Plusieurs modules sont maintenant terminés, notamment SVG (Scalable Vector Graphics), Media Queries et Namespaces. Les autres sont toujours en cours d'élaboration.
Il est incroyablement difficile de donner une date projetée lorsque les navigateurs Web adopteront les nouvelles fonctionnalités de CSS3 - certaines nouvelles versions de Safari ont déjà commencé.
De nouvelles fonctionnalités seront mises en œuvre progressivement dans différents navigateurs, et il faudra peut-être encore un an ou deux avant que chaque module ne soit largement adopté.
Comment CSS3 va-t-il m'affecter?
J'espère, d'une manière principalement positive. CSS3 sera évidemment complètement rétrocompatible, il ne sera donc pas nécessaire de modifier les conceptions existantes pour s'assurer qu'elles fonctionnent - les navigateurs Web continueront toujours de prendre en charge CSS2.
L'impact principal sera la possibilité d'utiliser de nouveaux sélecteurs et propriétés disponibles. Ceux-ci vous permettront à la fois de réaliser de nouvelles fonctionnalités de conception (animation ou dégradés par exemple) et de réaliser les fonctionnalités de conception actuelles de manière beaucoup plus simple (par exemple en utilisant des colonnes).
Les prochains articles de cette série se concentreront chacun sur un module différent de la spécification CSS3 et sur les nouvelles fonctionnalités qu'ils apporteront. Le suivant concerne les bordures CSS3.
Autres postes de la série
- Introduction à CSS3 - Partie 1: Qu'est-ce que c'est?
- Introduction à CSS3 - Partie 2: Frontières
- Introduction à CSS3 - Partie 3: Effets de texte
- Introduction à CSS3 - Partie 4: Interface utilisateur
- Introduction à CSS3 - Partie 5: plusieurs colonnes
- Introduction à CSS3 - Partie 6: Arrière-plans
