CSS3Tutoriel de base

CSS3 Tutoriel

CSS3C'est la dernière évolution du langage de feuilles de style en cascade, visant à étendre CSS2.1Il a apporté de nombreuses nouveautés attendues, telles que les coins arrondis, les ombres, les dégradés, les transitions ou les animations, ainsi que de nouveaux types de mise en page, tels que la mise en page en colonnes multiples, les boîtes flexibles ou les mises en page en grille. Les caractéristiques expérimentales portent des préfixes de fabricant, elles doivent être évitées dans un environnement de production ou utilisées avec la plus grande prudence, car leur syntaxe et leur sémantique pourraient changer à l'avenir.

CSS3a de nombreuses nouvelles fonctionnalités, telles que les arrondis des coins, les bordures graphiques, les ombres sur les blocs et les ombres sur le texte, l'effet de transparence en utilisant RGBA, les effets de dégradé, l'utilisation de @Font-Face permet de personnaliser les polices, d'utiliser plusieurs images de fond, de transformer le texte ou les images (rotation, agrandissement, inclinaison, déplacement), de mettre en place un agencement multicolumnique, des requêtes média, etc.

CSS3 Tutoriel

Le CSS est utilisé pour contrôler les styles et la mise en page des pages web.

CSS3 est la norme CSS la plus récente.

Ce tutoriel vous explique le CSS3 des nouvelles fonctionnalités.

Commencez à apprendre CSS3!

CSS3 Exemple d'animation, démontrant une animation de changement de fond rouge et vert.

Exemple

!DOCTYPE　html>　　
<html>　　
<head>　　
<style>　　　
div　{　　
　　　　width:　100px;　　
　　　　height:　100px;　　
　　　　background:　red;　　
　　　　-webkit-animation:　myfirst　6s;　/*　Chrome,　Safari,　Opera　*/　　
　　　　animation:　myfirst　5s;　　
}　　
/*　Chrome,　Safari,　Opera　*/　　
@-webkit-keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
　　
@keyframes　myfirst　{　　
　　　　from　{background:　red;}　　
　　　　to　{background:　green;}　　
}　　
</style>　　
</head>　　
<body>　　
<p><b>Attention :</b>　IE　9　et les versions précédentes ne prennent pas en charge le CSS3　Attributs d'animation.　</p>　　
<div></div>　　
</body>　　
</html>

Vérifiez et voyez ‹/›

CSS3 Référence

Sur le site de tutoriel de base, nous fournissons un CSS complet3 Référence des manuels, y compris la syntaxe, les exemples, et les informations de support des navigateurs pour toutes les propriétés et les sélecteurs d'éléments.

Référence des propriétés CSS

Référence des sélecteurs CSS

Référence des couleurs CSS

CSS3 Introduction