Formation CSS 3

Rappel des fonctions de css2

• Les propriétés : min-width, min-height, float, clear
• Les positions (absolute, fixed, static, relative)
• Les display (inline, inline-block, table, table-cell)

Propriétés de texte et de contenu

• word-wrap
• text-overflow
• overflow-x, overflow-y

Propriétés décoratives CSS3

• @font-face
• border-radius
• box-shadow
• background-size
• Arrière-plans multiples
• Dégradés linéaires et radiaux

Le positionnement en CSS3

• box-sizing
• multi-colonnes
• Modèle de boîte flexible (flexbox model)
• template layout
• grid layout
• CSS3 Regions, Shapes et Exclusions

La sélection d’éléments en CSS3

• Sélecteur d’adjacence général
• Sélecteur d’attribut
• Pseudo-classes générales(:lang, :empty, :target, :nth-child, :nth-of-type, :only-child, :not,…)
• Pseudo-classes de formulaire(:valid, :invalid, :checked, :required, :optional,…)

Les transformations

• Rotation
• Zoom avec scale
• Translation avec translate
• Déformations avec skew et matrix

Les transitions et animations

• Propriétés : property, duration, delay, timing-function
• Accélération
• Propriétés supportées
• Animer avec keyframes

Les aides en ligne

• Les générateurs de css3
• Les sites récapitulatifs