- WEB séance 3 - Positionner des blocs
But de la séance
- Se perfectionner avec la décoration css.
- Etre capable de rajouter des marges à un bloc css
- S’approprier les principales propriétés css.
Aide mémoire :
Balisage d’un bloc
<div class="monbloc">
... contenu du bloc ...
</div>
Principales propriétés css
.monbloc {
background : #FF0000 ; /* couleur d’arrière plan (ici rouge) */
color : #0000FF ; /* couleur de la police de caractère (ici bleue)*/
margin : 10px 20px 30px 10px ; /* marges extérieures dans l’ordre h-g-b-d */
border : solid 3px #0000FF ; /* bordure solide, bleue de 3px : solid ou dotted ou dashed*/
padding : 10px 20px 30px 10px ; /* marges intérieures dans l’ordre h-g-b-d */
text-align : center ; /* alignement du texte : left ou center ou right */
font-size : 20px ; /* taille en pixels de la police de caractères */
font-weight : 700 ; /* graisse de la police de caractères (100=léger ←→ 900=gras) */
font-style : italic ; /* style de la police : italic ou normal ou oblique */
}
Faire une fiche cours afin de mémoriser ces balises.