Insérer le contenu du document
CHAPITRE 18
227
Titres et sous-titres
Les éléments,
CHAPITRE 18
227
Titres et sous-titres
Les éléments
, , etc. représenteront, comme c’est l’usage, les niveaux hiérarchiques du document. Il est rapide de structurer le document créé en le dotant d’un
titre et d’un sous-titre :
Le créateur imaginatif pourra ensuite appliquer à ces éléments les styles recherchés.
En ce qui nous concerne, la figure 18-1 est le résultat des règles suivantes :
Encart des événements récents
Il n’a pu échapper à votre perspicacité que l’encart relatant les derniers événements
est un cadre graphique de largeur fixe et de hauteur variable. C’est une bonne occasion de réviser cette leçon : un tel encart implique l’imbrication de deux blocs .
Il comprendra un titre de troisième niveau () et une liste d’événements représentée par les éléments et - .
Concevoir des sites web modernes avec HTML et CSS
Présentation du livre
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 5px;
color: #250;
}
#global h2 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #282;
}
titre et d’un sous-titre :
Le créateur imaginatif pourra ensuite appliquer à ces éléments les styles recherchés.
En ce qui nous concerne, la figure 18-1 est le résultat des règles suivantes :
Encart des événements récents
Il n’a pu échapper à votre perspicacité que l’encart relatant les derniers événements
est un cadre graphique de largeur fixe et de hauteur variable. C’est une bonne occasion de réviser cette leçon : un tel encart implique l’imbrication de deux blocs
.
Il comprendra un titre de troisième niveau () et une liste d’événements représentée par les éléments
Il comprendra un titre de troisième niveau (
) et une liste d’événements représentée par les éléments et - .
Concevoir des sites web modernes avec HTML et CSS
Présentation du livre
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 5px;
color: #250;
}
#global h2 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #282;
}
Concevoir des sites web modernes avec HTML et CSS
Présentation du livre
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffff99;
font-variant: small-caps;
text-indent: 5px;
color: #250;
}
#global h2 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #282;
}
