Formation Maîtrisez le CSS : mettez en forme vos pages Web avec style

01.Introduction au CSS : Principes fondamentaux du style Web

• —Comprendre le rôle du CSS et sa relation avec HTML
• —Les différentes façons d'intégrer le CSS (inline, interne, externe)
• —Anatomie d'une règle CSS : sélecteurs, propriétés, valeurs
• —Bonnes pratiques : organisation et lisibilité du code CSS

02.Sélecteurs et cascade : Cibler précisément les éléments

• —Sélecteurs de base (éléments, classes, IDs)
• —Sélecteurs combinatoires (descendants, enfants, frères adjacents)
• —Pseudo-classes et pseudo-éléments pour des styles interactifs
• —Comprendre la cascade, la spécificité et l'héritage CSS

03.Le modèle de boîte CSS : Espacement et positionnement

• —Concept du modèle de boîte (content, padding, border, margin)
• —Gestion des dimensions (width, height, min/max-width/height)
• —Propriétés d'affichage (display: block, inline, inline-block)
• —Introduction aux propriétés de positionnement (static, relative, absolute, fixed)

04.Typographie et couleurs : Améliorer la lisibilité et l'esthétique

• —Propriétés de texte : font-family, font-size, font-weight, font-style
• —Alignement du texte, interligne et espacement des lettres
• —Gestion des couleurs : noms, RGBA, HEX, HSL
• —Application de styles aux arrière-plans et aux bordures

05.Flexbox : Maîtriser les mises en page unidimensionnelles

• —Introduction au module Flexbox et à son fonctionnement
• —Propriétés du conteneur Flex (justify-content, align-items, flex-direction)
• —Propriétés des éléments Flex (flex-grow, flex-shrink, flex-basis, order)
• —Création de layouts adaptatifs simples avec Flexbox

06.CSS Grid Layout : Concevoir des grilles complexes

• —Introduction aux grilles CSS et concepts de base (lignes, colonnes)
• —Propriétés du conteneur Grid (grid-template-columns/rows, gap)
• —Positionnement des éléments dans la grille (grid-column/row)
• —Conception de layouts complexes et responsifs avec Grid

07.Responsive Design : Adapter les styles aux écrans

08.Transitions, animations et bonnes pratiques avancées

• —Création d'effets visuels avec les transitions CSS
• —Introduction aux animations CSS (@keyframe)
• —Optimisation du code CSS : minification, compression
• —Bonnes pratiques de maintenance et débogage CSS
• —</PROGRAM>
• —<COMPETENCIES>