0%
Comprendre le CSS
0%
Leçon 1 Le CSS pour donner un style à vos pages HTML
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%
CLASSES CSS ET IDS
0%
Leçon 1 Les sélecteurs 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
- 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"
0%
Positionnement des éléments avec le CSS
0%
- Différence entre PADDING MARGIN et BORDER en CSS
- Utiliser la propriété DISPLAY pour afficher un élément HTML
- La propriété Inline-block en CSS
- Afficher une DIV HTML avec le type Inline sans le Block
- Utiliser la valeur None pour la propriété DISPLAY
- Marges et bordures en CSS
- Marges externes en CSS avec la propriété MARGIN
- Marge externe : haut, bas, gauche, droite en CSS
- Les bordures en CSS
- Marge interne ou Padding en CSS
- Utiliser des valeurs négatives pour les marges d'un contenu HTML
- Rappel : Les marges internes, externes et les bordures en CSS
- Le positionnement flottant (droite) en CSS
- Le positionnement flottant (gauche) en CSS
- Le positionnement flottant (gauche et droite) en CSS
- Utiliser la propriété CLEAR pour libérer une DIV
- Le positionnement statique en CSS
- Le positionnement absolu en CSS
- Le positionnement relatif en CSS
- Le positionnement fixe en CSS
- Rappel 1 sur 5
- Rappel 2 sur 5
- Rappel 3 sur 5
- Rappel 4 sur 5
- Rappel 5 sur 5
Leçon 2 Créer un layout CSS
0%
- Créer un layout de base avec HTML et CSS
- La structure de base HTML et CSS pour créer un layout
- Différencier le Layout de la structure HTML
- Fixer le header en CSS
- Inline-block
- Insérer des commentaires dans le code HTML
- Aligner les blocs avec la propriété Vertical-align en CSS
- Utiliser la méthode FLOAT en CSS
- Utiliser la propriété CLEAR en CSS