Les feuilles de styles CSS
DEUXIÈME PARTIE
44
MÉTHODE link ou @import ?
Quelle méthode est préférable pour relier la feuille de styles au document ? Cette
question fréquente mérite un développement.
est une balise HTML qui n’est pas uniquement dévolue aux feuilles de styles.
Quand elle désigne une feuille de styles CSS, elle s’accompagne des propriétés et
valeurs suivantes : rel="stylesheet", type="text/css" et media=[type de
média souhaité], voire title dans le cas de feuilles de styles persistantes et alternatives.
Par exemple :
type="text/css" media="screen" />
La règle @import, propriété CSS 2, sera suivie de l’URL d’un fichier contenant les styles à appliquer en plus de la feuille de styles en cours. On pourra préciser une liste de
médias. Par exemple :
ou :
Cette propriété permet en outre d’inclure des feuilles de styles dans d’autres, ce qui
permet de créer des feuilles de styles dynamiques sans devoir recopier plusieurs fois
le même code.
Le résultat est en pratique identique (ce qu’on vérifie par des tests sur plusieurs sites),
à une petite subtilité près. En effet, cette règle CSS 2 n’est pas reconnue par les très
anciens navigateurs, pas aux normes CSS – c’est par exemple le cas de Netscape 4.
Appliquer une feuille de styles par appel à @import la fera donc appliquer partout
sauf sur ces anciens navigateurs, ce qui permettra à leurs utilisateurs de consulter le
site web concerné sans trop de problèmes. Un site dépourvu de feuille de styles est
toujours plus lisible qu’un site dont les styles sont mal interprétés.
En résumé : avec @import un Netscape 4 recevra une page brute, sans style, plutôt
qu’une horreur probablement illisible. C’est donc une technique recommandée pour
l’interopérabilité et la compatibilité avec les anciens navigateurs.
DEUXIÈME PARTIE
44
MÉTHODE link ou @import ?
Quelle méthode est préférable pour relier la feuille de styles au document ? Cette
question fréquente mérite un développement.
est une balise HTML qui n’est pas uniquement dévolue aux feuilles de styles.
Quand elle désigne une feuille de styles CSS, elle s’accompagne des propriétés et
valeurs suivantes : rel="stylesheet", type="text/css" et media=[type de
média souhaité], voire title dans le cas de feuilles de styles persistantes et alternatives.
Par exemple :
type="text/css" media="screen" />
La règle @import, propriété CSS 2, sera suivie de l’URL d’un fichier contenant les styles à appliquer en plus de la feuille de styles en cours. On pourra préciser une liste de
médias. Par exemple :
ou :
Cette propriété permet en outre d’inclure des feuilles de styles dans d’autres, ce qui
permet de créer des feuilles de styles dynamiques sans devoir recopier plusieurs fois
le même code.
Le résultat est en pratique identique (ce qu’on vérifie par des tests sur plusieurs sites),
à une petite subtilité près. En effet, cette règle CSS 2 n’est pas reconnue par les très
anciens navigateurs, pas aux normes CSS – c’est par exemple le cas de Netscape 4.
Appliquer une feuille de styles par appel à @import la fera donc appliquer partout
sauf sur ces anciens navigateurs, ce qui permettra à leurs utilisateurs de consulter le
site web concerné sans trop de problèmes. Un site dépourvu de feuille de styles est
toujours plus lisible qu’un site dont les styles sont mal interprétés.
En résumé : avec @import un Netscape 4 recevra une page brute, sans style, plutôt
qu’une horreur probablement illisible. C’est donc une technique recommandée pour
l’interopérabilité et la compatibilité avec les anciens navigateurs.