Formation CSS3

Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.

Le matériel et les logiciels Jour 1

• Ressources nécessaires
• Quel éditeur choisir ?

Mise en forme à l'aide de CSS

• Principes des styles
• Créer des règles de style
• Comment structurer le CSS ?

Ou placer votre code CSS ?

• Dans une feuille de style externe
• Dans un document
• Dans un style intégré
• Avantages et inconvénients des différentes méthodes

La syntaxe

• Les sélecteurs de style
• Les balises
• Les classes
• Les identificateurs
• Les sélecteurs d'éléments imbriqués
• Les pseudo-éléments

Les propriétés CSS 2

• La gestion du texte, polices, couleur, taille, mise en évidence...
• Les arrières-plans
• Les blocs
• Les boites
• Les bordures
• Les listes
• Le positionnement

Appliquer un style CSS à un élément

• Avec une classe
• Avec un id
• Avec la balise span
• Avec la balise style
• Avantages et inconvénients

Eléments flottants

• La propriété float
• Eléments flottants
• Les colonnes en CSS

RWD : Responsive Web Design

• Adaptation aux périphériques
• Les media Queries
• Les frameworks : Bootstrap, foundation, Materialize

Les nouveaux sélecteurs CSS3 Jour 2

• Cibler des balises au sein du même parent
• Cibler les balises en fonction de leurs attributs
• Les nouvelles pseudo classes

Les bordures des blocs

• Création et réglage des coins arrondis
• Utilisation d'images
• Les ombres et effets d'ombres

Le fond des blocs

• Spécifier la taille
• Définir son positionnement
• Sélection de plusieurs fonds

Le texte

• Ombres et effets d'ombres
• Coupures et mises à la ligne
• Justifier et aligner le texte
• Utilisation de polices personnalisées

Transformations, transitions et animations

• Animations / transitions
• Durée des animations
• Fonctions de transition
• Keyframes
• Effets 2D / 3D

Formation ajoutée le 24/06/2014, mise à jour le 26/05/2022.