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