Quels sujets seront couverts dans le cours ?
Introduction au Css
Les bases du CSS Partie 1:
Définir un style et l'appliquer en CSS.
Exemples d'application de font-size, color, text-align, margin, padding, border et background-color sur les éléments.
Définir des liens et comment les incorporer en HTML pour appliquer un style CSS.
La hiérarchie du style inline > id > class > tag pour appliquer les styles CSS efficacement.
Appliquer des styles CSS directement à un élément en utilisant le style inline.
Appliquer des styles CSS en utilisant id.
Appliquer des styles CSS en utilisant class.
Les bases du CSS Partie 2:
Utilisation des balises HTML.
Imbrication des éléments HTML.
Comprendre la hiérarchie des classes CSS.
Explorer hover et son utilisation.
Ajuster la largeur et la hauteur en HTML.
Infrastructure de mise en page Partie 1:
Conventions de nommage pour les classes en CSS
La différence entre les propriétés visibility et display, et comment les appliquer dans la conception
Exemples de propriétés CSS telles que border-radius, visibility, display et box-sizing
Les avantages de l'utilisation du modèle border-box pour une meilleure mise en page.
Infrastructure de mise en page Partie 2:
Amélioration des mises en page en CSS.
Ce que float et clear font à la mise en page du document.
L'utilisation de float et clear.
Une révision des approches pour aligner les éléments.
Positionner les éléments avec CSS Partie 1:
Explorer position en CSS.
Comprendre le positionnement relatif.
Comprendre le positionnement absolu.
Contrôler la position en utilisant les propriétés top, left, right et bottom.
Utiliser z-index pour contrôler l'ordre d'empilement des éléments.
Positionner les éléments avec CSS Partie 2:
Apprendre à positionner des éléments avec la propriété CSS position.
Comprendre la différence entre position: relative et position: absolute.
Explorer comment utiliser les propriétés top, left, right et bottom pour ajuster la position des éléments.
Découvrir comment contrôler l'ordre d'empilement des éléments avec la propriété z-index.