Formation CSS3 Nord

Le matériel et les logiciels

• Ressources nécessaires
• Quel éditeur choisir ?

Norme actuelle et tendance du CSS

• CSS1, CSS2, CSS3
• Compatibilité dans les navigateurs

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 (Héritage)
• Les pseudo-éléments

Les propriétés CSS 2

• La gestion du texte, polices, couleur, taille, grassage ...
• Les arrière-plans
• Les blocs
• Les boites
• Les bordures
• Les listes
• Le positionnement

Appliquer un style CSS à un élément

• Avec une classe
• Avec une 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

Responsive Web Design (RWD)

• Adaptation aux périphériques
• Le viewport
• 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

• Les effets 2D
• Les effets 3D
• Les animations simples et multiples