Identifier quelques paramètres de style
Associer le paramètre CSS à l'explication correspondante
font-size:
background-color:
padding:
left:
height:
margin:
width:
font-family:
text-align:
h1 { ... }
top:
line-height:
#toto { ... }
#toto:hover { ... }
color:
Identifier les 3 méthodes pour associer un style à du code HTML
Il existe différentes écritures pour rattacher un style à une balise HTML, ou une classe, ou un identifiant d'une balise HTML.
Compléter le tableau pour mieux maîtriser l'écriture des feuilles de styles :
- indiquer en premier la signification de : toto, tutu, event
- indiquer dessous la signification du style
nom d'un événement
style d'une balise HTML
style d'un événement rattaché à un identifiant
style rattaché à un identifiant
syle d'un événement sur une classe
nom d'une classe
nom d'une classe
nom d'une balise HTML
nom d'un identifiant
style d'une classe
style d'un événement sur une balise HTML
nom d'une balise HTML
nom d'une classe
style d'une classe rattachée à une balise HTML
nom d'une balise HTML
nom d'un identifiant
nom d'un événement
nom d'un événement
CSS : les marges intérieures et extérieures
Padding, margin, quelles différences ?
Compléter le schéma en plaçant les propriétés aux bons endroits pour définir les marges intérieures et extérieures.
padding-left
délimitation du contenu
border
margin-left
délimitation extérieure
padding-top
padding-right
margin-top
padding-bottom
margin-right
margin-bottom