Affiche une chaîne de caractères format e
Découvrez comment utiliser La propriété CSS @import et quand la préférer à la balise link pour charger des feuilles de style.
@import url('chemin/vers/la/feuille/de/style.css') media (média);url('chemin/vers/la/feuille/de/style.css') est le chemin vers la feuille de style à importer. Ce chemin peut être absolu ou relatif au document HTML. media (média) est optionnel et permet de spécifier le type de média pour lequel la feuille de style doit être appliquée. Si cet attribut est omis, la feuille de style sera appliquée pour tous les médias.
Exemple Copier le code
@import url('chemin/vers/la/feuille/de/style.css');Pour importer une feuille de style uniquement pour les écrans de taille inférieure à 800 pixels de large :
Exemple Copier le code
@import url('chemin/vers/la/feuille/de/style.css') media (max-width: 800px);Pour importer une feuille de style uniquement pour les imprimantes :
Exemple Copier le code
@import url('chemin/vers/la/feuille/de/style.css') media print;Il est également possible de spécifier plusieurs types de média en utilisant une virgule pour les séparer :
Exemple Copier le code
@import url('chemin/vers/la/feuille/de/style.css') media (max-width: 800px), print;Cette syntaxe importe la feuille de style pour les écrans de taille inférieure à 800 pixels de large et pour les imprimantes.
Remarque : Il est important de noter que la propriété @import est moins performante que l'utilisation de la balise <link> dans le head du document HTML pour charger une feuille de style, car elle nécessite un appel supplémentaire au serveur pour récupérer la feuille de style.
Explorateur | ![]() | ![]() | ![]() | ![]() | ![]() |
---|---|---|---|---|---|
Verssion | 1 | 5.5 | 1 | 1 | 3.5 |
PROMO ! CLUB AFFILIATION FACILE : lien publicitaire affiché pendant 1 semaine sur plusieurs sites à fort trafic, partage des commissions 1TPE et SystemeIO, plus de 20000 produits.
Ces sites web "pépites" vous payent entre 500 et 1000 euros par mois pour effectuer de petites tâches simples !