CSS 3

Présentation

La formation CSS 3 permet au stagiaire de savoir mettre en page un document HTML de façon autonome.
Le stagiaire sera capable de créer des pages valides en CSS utilisant les nouveautés du CSS 3.Pour pouvoir aborder cette formation, le stagiaire doit connaitre les bases du HTML. Cette formation est complémentaire de la formation HTML 5

Programme formation CSS 3

Introduction

  • Rappels sur le HTML
  • Concept de feuille de style
  • Utilité de la feuille de style
  • Compatibilité avec les navigateurs
  • Les outils de travail

La syntaxe

  • Commentaires
  • Unités de mesure
  • Notation des couleurs

Notions de bases

  • Où mettre ses styles
    • Dans un élément HTML
    • Dans le document HTML
    • Dans document externe
    • Importation d’un fichier dans un autre
  • Les Sélecteurs
    • Balises
    • Classes
    • Identifiants
  • Deux notions fondamentales :
    • Cascade
    • Héritage

Les modèles de boîte

  • Rappel sur les éléments blocs et en-ligne
  • Largeur et Hauteur
  • Marges externes
  • Marges internes
  • Bordures
    • Style
    • Couleur
    • Epaisseur
    • Bords arrondis

L’affichage

  • Positionnement
    • Statique
    • Relatif
    • Absolu
    • Fixe
  • Flottement
  • Dégagement
  • Superposition
  • Dépassement
  • Découpage
  • Visibilité

Le texte

  • Les polices de caractères
    • Type
    • Taille
    • Style
    • Variation
  • Couleur
  • Décoration
  • Indentation
  • Espacements
  • Interlignages
  • Alignements
  • Le colonnage en CSS3

Les listes

  • Marqueurs
  • Retrait

Les tableaux

  • Bordures
  • Espacements
  • Alignements

Les arrière-plans

  • Couleurs
  • Ombrages
  • Images
    • Insertion
    • Répétition
    • Défilement
  • Dégradés
  • Opacté – Transparence
  • Arrière-plans multiples

Retour sur les sélecteurs

  • Les pseudo-classes
  • Les sélecteurs hiérarchiques
  • Les pseudo-classes de sélection
  • Les sélecteurs d’attributs
  • Liens
  • Paragraphes
  • Insertion de contenus

Le curseur de la souris

Les Animations

  • Transformation
  • Transitions

L’impression

  • Utilité
  • Incorporation
  • Saut de pages
  • Optimisation de l’impression