0%
Comprendre le CSS
0%
Leçon 1 Le CSS pour donner un style à vos pages HTML
0%
- Voici ce que vous allez faire
- Créer une page de profil avec une structure HTML
- Insérer des contenus HTML sur une page de profil
- Créer des sections en HTML sur votre page de profil
- Insérer des listes imbriquées sur votre page HTML
- Décorer le texte HTML avec de la couleur
- Utiliser le gras et l'italique sur votre texte avec les balises HTML
- Introduction : Mettre un titre sur une page HTML avec la balise TITLE
- Indentation de code HTML : Comment indenter votre code
- Créer une liste en HTML avec les balises UL ou OL
- Créer des listes ordonnées avec les balises OL et les balises LI
- Créer des listes non ordonnées avec les balises UL et les balises LI
- Créer des listes HTML dans une liste HTML
- Mettre un commentaire dans son code HTML
- Changer la taille de police en pixel avec l'attribut FONT-SIZE
- Modifier la couleur de police avec l'attribut STYLE et COLOR
- Changer la famille de style avec l'attribut STYLE et FONT-FAMILY
- Résumé : Taille, couleur et famille des polices
- La couleur d'arrière plan avec l'attribut BACKGROUND-COLOR
- Aligner le texte avec l'attribut TEXT-ALIGN
- Mettre des mots en gras avec la balise B ou STRONG
- Mettre des mots en italique avec la balise I ou EM
- Résumé : Mettre du style à son contenu
0%
CLASSES CSS ET IDS
0%
Leçon 1 Les sélecteurs CSS
0%
- Utiliser la balise LINK pour lier une feuille de style CSS à une page HTML
- Qu'est-ce que le CSS : Cascading Style Sheets
- Pourquoi utiliser les feuilles de style CSS
- Lier une feuille de style CSS dans le HEAD ou les balises STYLE
- Lier CSS et HTML avec les attributs TYPE, REL et HREF
- Les balises auto-fermantes pour lier CSS et HTML
- La syntaxe CSS pour définir le style des éléments HTML
- Un sélecteur, beaucoup de propriétés
- Utiliser le CSS pour changer la forme d'une page HTML
- Utiliser les points-virgules et les accolades pour votre document CSS
- Mettre des commentaires sur une feuillet de style CSS
- Coder une page HTML et une feuille de style CSS
- Les valeurs hexadécimales pour les couleurs en HTML
- Les codes couleurs HTML avec les valeurs hexadécimales
- Définir la taille d'une police en pixels ou en EMS
- 3 types de Font en CSS : Serif, Sans-serif, Cursive
- Utiliser des valeurs de secours pour les Fonts en CSS
- Résumé : Donner du style à votre page HTML avec le CSS
- Couleur d'arrière-plan, hauteur et largeur en HTML
- Créer un style de bordure de tableau avec la propriété BORDER
- Définir un style pour les liens avec le CSS
- Rappel : Lier une feuillet de style CSS à une page HTML
- Rappel : La syntaxe à utiliser en CSS
- Rappel : Utiliser des polices de secours pour les fonts en CSS
- Rappel : Dimensionner un élément HTML
- Rappel : Utiliser la propriété BOX en CSS
- Introduction : Créer un bouton HTML à partir d'un lien
- Utiliser une balise de type bloc pour créer un bouton HTML
- Mettre un forme un bouton avec le CSS
- Positionner un bouton en HTML avec la propriété MARGIN
- Mettre en forme le texte d'un bouton HTML
- Mettre en forme un bouton HTML avec la propriété PADDING
0%
Positionnement des éléments avec le CSS
0%
- Tous les éléments HTML sont des sélecteurs CSS
- Les sélecteurs multiples en CSS
- Le sélecteur universel en CSS
- Notion de spécificité des sélecteurs CSS
- Représentation de la structure d'une page HTML
- Ajouter des styles à des sélecteurs CSS
- Coder un style CSS pour un élément qui est l'enfant d'un autre élément sur une page HTML
- Utiliser les CLASS et les ID pour des styles spécifiques sur votre page HTML
- Fonctionnement du sélecteur CLASS en CSS
- Fonctionnement du sélecteur ID en CSS
- Combiner CLASS et ID sur une feuille de style CSS
- Utiliser un sélecteur de pseudo-classe en CSS
- Différents styles pour un lien cliqué, survolé ou visité avec les attributs Link, Visited ou Hover
- Sélecteur de pseudo-classe first-child en CSS
- Sélecteur de pseudo-classe nth-child(x) en CSS
- Rappel : Les sélecteurs multiples en CSS
- Rappel : le sélecteur "class" en CSS
- Rappel : le sélecteur "id" en CSS
- Rappel : les pseudo-classes 1 en CSS
- Rappel : les pseudo-classes 2 en CSS
Leçon 2 Créer un layout CSS
0%
- Utiliser des sélecteurs CSS pour regrouper des éléments HTML
- Utiliser des DIV pour diviser le contenu de votre page HTML
- Personnaliser les DIV avec le CSS
- Mettre des attributs CLASS sur des DIV pour définir le style CSS
- Utiliser le sélecteur "class"
- Utiliser le sélecteur "id"
- Personnaliser votre "meilleur ami"