Identifier quelques paramètres de style
Associer le paramètre CSS à l'explication correspondante
h1 { ... }
height:
font-size:
line-height:
color:
#toto:hover { ... }
top:
padding:
left:
background-color:
text-align:
#toto { ... }
width:
font-family:
margin:
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'une balise HTML
nom d'une classe
nom d'un événement
style d'une classe rattachée à une balise HTML
nom d'un événement
nom d'une balise HTML
nom d'un identifiant
nom d'un événement
style d'une balise HTML
nom d'une classe
style d'un événement sur une balise HTML
nom d'un identifiant
nom d'une classe
style d'un événement rattaché à un identifiant
syle d'un événement sur une classe
style d'une classe
nom d'une balise HTML
style rattaché à un identifiant
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
margin-right
padding-top
padding-bottom
délimitation du contenu
margin-bottom
border
margin-top
padding-right
délimitation extérieure
margin-left