Maîtriser les fonctionnalités du CSS et CSS3 pour créer des designs innovants at adaptatifs
Le matériel et les logiciels
- 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
- 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
Attestation de formation
Non certificiante
Sans niveau spécifique
