Dans le cours : L'essentiel des CSS
Bienvenue dans « L'essentiel des CSS » - Tutoriel CSS
Dans le cours : L'essentiel des CSS
Bienvenue dans « L'essentiel des CSS »
Le CSS est le langage utilisé pour mettre en forme vos pages Web. C'est l'une des trois technologies de base permettant de créer des sites Internet. C'est en appliquant des styles CSS à vos éléments HTML que vous pourrez contrôler de manière extraordinairement précise l'apparence de vos pages Web. Je m'appelle Damien Bruyndonckz. Je suis développeur Web, instructeur certifié et spécialisé en e-learning. Il m'arrive souvent d'animer des formations CSS. Et à chaque fois, je suis émerveillé de voir la réaction de mes étudiants quand ils découvrent ce qu'il est possible de faire avec ce langage. Nous commencerons donc par étudier les grands principes de fonctionnement du CSS. Ensuite, nous verrons comment utiliser les sélecteurs CSS et quelles sont les principales propriétés du CSS, tout cela dans le cadre du développement d'un vrai site Web que nous rendrons entièrement responsive. Cela veut dire qu'il s'adaptera aussi bien aux petits écrans de nos Smartphone ou aux énormes écrans de nos PC de bureau. Je suis donc très heureux de vous accompagner dans votre découverte du CSS, car je sais que cette découverte vous donnera des outils incroyables qui auront un impact profond sur la manière dont vous allez envisager votre prochain site Web. Démarrons sans plus tarder. Partons à la découverte du CSS.
Entraînez-vous tout en suivant la formation avec les fichiers d’exercice.
Téléchargez les fichiers utilisés par l’instructeur pour enseigner le cours. Suivez attentivement et apprenez en regardant, en écoutant et en vous entraînant.
Téléchargez des cours et suivez des formations même en déplacement
Regardez des cours sur votre appareil mobile sans connexion à internet. Téléchargez des cours avec votre appli LinkedIn Learning iOS ou Android.
Table des matières
-
-
Définir le rôle du langage CSS4 m 45 s
-
(Verrouillé)
Comprendre les prérequis2 m 55 s
-
(Verrouillé)
Aborder un bref historique5 m 55 s
-
(Verrouillé)
Comprendre l'évolution du CSS4 m 59 s
-
(Verrouillé)
Utiliser caniuse.com et d'autres ressources documentaires4 m 33 s
-
(Verrouillé)
Appréhender les outils utilisés dans ce cours4 m 20 s
-
(Verrouillé)
Mettre VSCode en Français1 m 36 s
-
(Verrouillé)
Utiliser GitHub Copilot dans Codespaces2 m 29 s
-
-
-
Faire ses premières expériences en CSS3 m 39 s
-
(Verrouillé)
Découvrir l'anatomie d'un style CSS4 m 31 s
-
(Verrouillé)
Comprendre où placer les styles CSS6 m 23 s
-
(Verrouillé)
Découvrir le principe de la cascade2 m 42 s
-
(Verrouillé)
Aborder le principe de l'héritage3 m 6 s
-
(Verrouillé)
Explorer les styles par défaut des navigateurs4 m 34 s
-
(Verrouillé)
Utiliser reset.css4 m 1 s
-
(Verrouillé)
Utiliser normalize.css4 m 30 s
-
(Verrouillé)
Commenter le code CSS2 m 54 s
-
-
-
Utiliser les balises du HTML comme sélecteurs3 m 40 s
-
(Verrouillé)
Comprendre le sélecteur contextuel4 m 14 s
-
(Verrouillé)
Utiliser les identifiants comme sélecteurs4 m 58 s
-
(Verrouillé)
Découvrir le sélecteur de descendance directe3 m 38 s
-
(Verrouillé)
Utiliser les classes CSS5 m 9 s
-
(Verrouillé)
Utiliser les attributs du HTML dans les sélecteurs4 m 26 s
-
(Verrouillé)
Prendre en main les sélecteurs multiples4 m 36 s
-
(Verrouillé)
Appréhender les pseudo-éléments4 m 59 s
-
(Verrouillé)
Comprendre les pseudo-classes4 m 14 s
-
(Verrouillé)
Explorer différents types de sélecteurs2 m 5 s
-
-
-
Choisir la police de caractères4 m 31 s
-
(Verrouillé)
Lister les principaux types de polices4 m 20 s
-
(Verrouillé)
Utiliser les polices web safe2 m 22 s
-
(Verrouillé)
Utiliser les web fonts5 m 37 s
-
(Verrouillé)
Utiliser font-size, font-style et font-weight3 m 7 s
-
(Verrouillé)
Contrôler la casse du texte2 m 43 s
-
(Verrouillé)
Modifier l'espace entre les lignes ou entre les lettres4 m 8 s
-
(Verrouillé)
Utiliser text-decoration2 m 56 s
-
(Verrouillé)
Contrôler l'alignement du texte avec text-align3 m 16 s
-
-
-
Découvrir les couleurs nommées3 m 1 s
-
(Verrouillé)
Comprendre les couleurs hexadécimales4 m 38 s
-
(Verrouillé)
Utiliser les principales couleurs hexadécimales3 m 13 s
-
(Verrouillé)
Utiliser les couleurs en RGB et RGBA4 m 52 s
-
(Verrouillé)
Utiliser les couleurs HSL6 m 14 s
-
(Verrouillé)
Utiliser les variables du CSS5 m 23 s
-
(Verrouillé)
Découvrir les unités de mesure du CSS5 m
-
(Verrouillé)
Utiliser les unités EM4 m 20 s
-
(Verrouillé)
Utiliser les unités REM3 m 26 s
-
-
-
Utiliser une image de fond2 m 49 s
-
(Verrouillé)
Contrôler la répétition de l'image de fond2 m 9 s
-
(Verrouillé)
Contrôler la position de l'image de fond3 m 41 s
-
(Verrouillé)
Utiliser une image fixe ou défilante1 m 43 s
-
(Verrouillé)
Contrôler la taille de l'image de fond4 m 42 s
-
(Verrouillé)
Utiliser la propriété background2 m 29 s
-
-
-
Distinguer les éléments de types bloc et inline4 m 37 s
-
(Verrouillé)
Déterminer la taille d'un élément3 m 52 s
-
(Verrouillé)
Limiter la taille d'un élément2 m 33 s
-
(Verrouillé)
Gérer le contenu excédentaire avec overflow4 m 18 s
-
(Verrouillé)
Utiliser les paddings5 m 17 s
-
(Verrouillé)
Découvrir les trois propriétés des bordures3 m 19 s
-
(Verrouillé)
Utiliser la propriété border2 m 44 s
-
(Verrouillé)
Comprendre la propriété border3 m 46 s
-
(Verrouillé)
Ajouter des marges4 m
-
(Verrouillé)
Faire la synthèse des propriétés du box model3 m 48 s
-
-
-
Appliquer un box-sizing par défaut3 m 44 s
-
(Verrouillé)
Fixer les dimensions des éléments principaux du site4 m 26 s
-
(Verrouillé)
Rendre les images responsive avec max-width2 m 54 s
-
(Verrouillé)
Faire vivre le contenu avec des paddings2 m 47 s
-
(Verrouillé)
Propager les styles CSS au reste du site1 m 59 s
-
-
-
Comprendre le mode de positionnement statique3 m 50 s
-
(Verrouillé)
Expérimenter le positionnement relatif3 m 58 s
-
(Verrouillé)
Utiliser le positionnement absolu3 m 48 s
-
(Verrouillé)
Comprendre z-index2 m 8 s
-
(Verrouillé)
Appréhender le mode de positionnement fixe2 m 3 s
-
(Verrouillé)
Positionner l'en-tête et le pied de page du site2 m 22 s
-
(Verrouillé)
Comprendre les unités VH et VW2 m 59 s
-
(Verrouillé)
Positionner le menu sur les petits écrans5 m 33 s
-
-
-
Mettre en place des variantes de mise en forme grâce aux classes CSS4 m 24 s
-
(Verrouillé)
Utiliser border-radius2 m 3 s
-
(Verrouillé)
Mettre en forme les galeries photo4 m 9 s
-
(Verrouillé)
Mettre en forme le formulaire de contact3 m 28 s
-
(Verrouillé)
Mettre en forme la liste du blog3 m 17 s
-
(Verrouillé)
Définir des couleurs alternées avec des pseudo-éléments3 m 42 s
-
(Verrouillé)
Finaliser la colonne de droite du blog3 m 11 s
-
-
-
Découvrir les grids4 m 3 s
-
(Verrouillé)
Rendre le header responsive avec les grids4 m 52 s
-
(Verrouillé)
Utiliser la propriété gap4 m 20 s
-
(Verrouillé)
Créer deux colonnes d'un blog5 m 51 s
-
(Verrouillé)
Faire apparaître le menu sur les grands écrans3 m 55 s
-
(Verrouillé)
Découvrir les flex3 m 38 s
-
(Verrouillé)
Répartir et positionner des éléments flex avec justify-content4 m 41 s
-
(Verrouillé)
Aligner des éléments avec des flex4 m 12 s
-
(Verrouillé)
Utiliser les flex et les grids en même temps5 m 25 s
-
-
-
(Verrouillé)
Finaliser l'apparence du menu3 m 56 s
-
(Verrouillé)
Intégrer une touche de JavaScript4 m 12 s
-
(Verrouillé)
Comprendre la propriété float2 m 49 s
-
(Verrouillé)
Finaliser la barre de côté du blog1 m 57 s
-
(Verrouillé)
Finaliser le formulaire de contact4 m 38 s
-
(Verrouillé)
Finaliser la page d'accueil3 m 7 s
-
(Verrouillé)