Connaissances de base et détails CSS3

Qu'est-ce que CSS3

CSS3 est une version améliorée de CSS2 3 n'est que le numéro de version. Il ajoute de nombreuses nouvelles fonctionnalités puissantes basées sur CSS2.1. À l'heure actuelle, les navigateurs grand public Chrome, Safari, Firefox, Opera et même 360 ​​prennent déjà en charge la plupart des fonctions de CSS3. IE10 commencera également à prendre entièrement en charge CSS3.

Lors de l'écriture de styles CSS3, différents navigateurs peuvent nécessiter des préfixes différents. Cela signifie que la propriété ou la règle CSS ne fait pas encore partie du standard W3C et est une propriété privée du navigateur. Bien que les versions plus récentes des navigateurs ne nécessitent actuellement pas de préfixes, les préfixes sont toujours indispensables pour une meilleure compatibilité ascendante.

Remarque : ce cours ne prend pas en charge les versions inférieures à IE9. Il est recommandé d'utiliser les versions les plus élevées des navigateurs Chrome, Safari, Firefox et Opera pour apprendre ce cours.

Que peut faire CSS3 ?

Quels avantages CSS3 nous apporte-t-il ? En termes simples, CSS3 peut réaliser de nombreux effets, et même des effets d'animation, qui nécessitaient auparavant l'utilisation d'images et de scripts en seulement quelques lignes de code. Par exemple, les coins arrondis, les bordures d'images, les ombres de texte et les ombres de boîtes, les transitions, les animations, etc.

CSS3 simplifie le processus de conception pour les développeurs front-end et accélère le chargement des pages.

est entièrement rétrocompatible avec CSS3, vous n'avez donc pas besoin de modifier votre conception existante. Les navigateurs prendront toujours en charge CSS2.

Modules CSS3

CSS3 est divisé en "modules". Les anciennes spécifications ont été divisées en petits morceaux et de nouvelles ont été ajoutées.

Certains des modules CSS3 les plus importants sont les suivants :

Sélecteur

Modèle de boîte

Arrière-plan et bordure

Effets de texte

Conversion 2D/3D

Animation

Mise en page multi-colonnes

Interface utilisateur

Recommandations CSS3

CSS3 du W3C la spécification est encore en développement.

Cependant, de nombreuses nouvelles propriétés CSS3 sont disponibles dans les navigateurs modernes.