Support de cours - Lita

4 Éléments génériques div et span
Pour des besoins esthétiques, il arrive qu’il soit nécessaire d’ajouter des boîtes pouvant
contenir plusieurs éléments Html dans le seul objectif de leur appliquer un style
ou une position. Les éléments Html div et span sont des éléments Html génériques de
type bloc et de type en-ligne respectivement.
Par exemple, supposons que l’on veuille construire un sommaire à la page précédente,
comportant un titre et une liste, afin d’appliquer un style et une position à l’ensemble.
Il suffit pour cela de délimiter le code Html du sommaire (titre et liste) de balises
div. Afin d’y appliquer un style, nous identifions ce bloc par l’attribut id :
Sommaire
#toc {
}
Biographie
Contribution en logique et en mathématiques
Apport de Frege aux mathématiques
Éléments de base de sa logique
Calcul des prédicats
Philosophie du langage
Sens et dénotation
On peut alors appliquer un style à tout ce bloc qu’on a nommé toc :
position: fixed;
top: 10px;
left: 10px;
width: 350px;
background-color: silver;
padding: 10px;
Au passage, on augmente la marge gauche du reste du document pour éviter le
chevauchement du sommaire avec le texte du document :
body {
}
margin-left: 400px;
36