CSS3

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