Les feuilles de styles CSS
DEUXIÈME PARTIE
90
L’élément
(horizontal rule) est un séparateur qui trace un trait horizontal ; c’est
une balise auto-fermante. L’absence d’élément décrivant une ligne verticale incite souvent les designers à recourir à diverses « bidouilles » pour les créer. Les plus courantes
impliquent l’ajout de colonnes de tableau ou de blocs
DEUXIÈME PARTIE
90
L’élément
(horizontal rule) est un séparateur qui trace un trait horizontal ; c’est
une balise auto-fermante. L’absence d’élément décrivant une ligne verticale incite souvent les designers à recourir à diverses « bidouilles » pour les créer. Les plus courantes
impliquent l’ajout de colonnes de tableau ou de blocs
verticaux et positionnés.
Dans la plupart des cas, ces complications sont inutiles, et une simple bordure à
droite ou à gauche de l’élément fait l’affaire. Pour créer un paragraphe de texte clairement séparé du reste du contenu par un trait vertical, on pourra ainsi écrire :
Cette méthode convient aussi pour marquer une séparation entre un menu et le contenu de la page. La figure 6-2 présente son résultat.
Arrière-plans et images de fond
Les propriétés CSS relatives aux couleurs et images d’arrière-plan permettent de prévoir une mise en page indépendante du document : une simple modification de la
feuille de styles suffira à transformer l’ensemble du site.
Image de contenu ou image d’arrière-plan ?
Le principe de séparer le contenu de la présentation est enthousiasmant : changer
l’aspect complet de toutes les pages en n’agissant que sur la feuille de styles représente
un gain de temps considérable.
CSS
.bordure {
width : 10em ;
border-right: 1px solid red;
}
HTML
Figure 6–2
Exemple de séparation
verticale
Dans la plupart des cas, ces complications sont inutiles, et une simple bordure à
droite ou à gauche de l’élément fait l’affaire. Pour créer un paragraphe de texte clairement séparé du reste du contenu par un trait vertical, on pourra ainsi écrire :
Cette méthode convient aussi pour marquer une séparation entre un menu et le contenu de la page. La figure 6-2 présente son résultat.
Arrière-plans et images de fond
Les propriétés CSS relatives aux couleurs et images d’arrière-plan permettent de prévoir une mise en page indépendante du document : une simple modification de la
feuille de styles suffira à transformer l’ensemble du site.
Image de contenu ou image d’arrière-plan ?
Le principe de séparer le contenu de la présentation est enthousiasmant : changer
l’aspect complet de toutes les pages en n’agissant que sur la feuille de styles représente
un gain de temps considérable.
CSS
.bordure {
width : 10em ;
border-right: 1px solid red;
}
HTML
test de paragraphe pour montrer que ce paragraphe
sera séparé visuellement du reste de la page à l'aide d'un trait
vertical à sa droite.
Figure 6–2
Exemple de séparation
verticale