Formation CSS3

Objectifs

• Connaitre les unités de mesure
• Appliquer des styles à des éléments
• Mettre en place une disposition
• Habiller les éléments
• Styliser le contenu textuel
• Transformer et animer les éléments

PROGRAMME

• Introduction à CSS3
  • Evolution de CSS2
  • Niveau de prise en charge des navigateurs
  • Toujours dépendant des navigateurs
• Les valeurs et unités
  • Les unités de mesure
  • La gestion des couleurs
  • Les fonctions calc(), min() et max()
• Les sélecteurs CSS3
  • Les différences avec CSS2
  • Les sélecteurs d'attributs
  • Les pseudo-classes structurels : :root, :first-child, :last-child, :lang...
  • Le pseudo-classe : :target
  • Les pseudo-classes d'états des éléments de formulaire : :enabled, :disabled, :checked et :indeterminate
• La mise en page
  • Le modèle de boîte basique
  • Le modèle multi-colonnes
  • Le modèle de boîte Flexbox
  • Structure en grille
• Les fonds et bordures
  • Superposition d'image de fond
  • Appliquer les effets d'ombrage : box-shadow
  • Arrondir les coins : border-radius
• Le texte en CSS3
  • Appliquer une ombre portée au texte : text-shadow
  • Appliquer retour à la ligne : word-wrap
  • Utiliser une police de caractère : font-face
  • Habiller du texte
• Transformations et animations
  • Les fonctions de transformation : translation, rotation, homothétie et inclinaison
  • Les bases de l'animation
  • L'animation de propriétés
  • Retarder les animations
  • Gérer les événements d'animation
  • Les animations linéaires