Maison  >  Article  >  interface Web  >  Quelle est la différence entre le lien CSS et l'importation

Quelle est la différence entre le lien CSS et l'importation

青灯夜游
青灯夜游original
2021-02-24 16:31:076364parcourir

Différence : link est une balise html, et @import est une méthode fournie par css. La balise link peut non seulement introduire du css, mais aussi faire d'autres choses, tandis que @import ne peut introduire que du css ; disponible uniquement dans IE5. Seuls les éléments ci-dessus sont pris en charge et la balise de lien n'a pas de problèmes de compatibilité.

Quelle est la différence entre le lien CSS et l'importation

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Il existe deux façons d'introduire du CSS externe en HTML, la balise de lien et @import, alors quelle est la différence entre elles ?

1. Différences d'affiliation

@import est une règle de syntaxe fournie par CSS, qui a uniquement pour fonction d'importer des feuilles de style, le lien est une balise fournie par HTML ; , qui peut non seulement charger un fichier CSS, vous pouvez également définir des attributs RSS, des connexions relatives, etc.

2. Différence d'ordre de chargement

Lorsque la page est chargée, le CSS introduit par la balise de lien est chargé en même temps ; être chargé après le chargement de la page.

3. Différence de compatibilité

@import est une syntaxe uniquement disponible dans CSS2.1, elle ne peut donc être reconnue que dans IE5+ ; et n'existe pas de problèmes de compatibilité.

4. La différence dans la contrôlabilité du DOM

Vous pouvez utiliser le DOM via JS et insérer des balises de lien pour changer le style puisque la méthode DOM est basée sur des documents, @import ne peut pas être utilisé pour insérer des styles.

[Tutoriel recommandé : Tutoriel vidéo CSS ]

Explication supplémentaire :

Comment écrire @import

<style type="text/css">
    @import &#39;style.css&#39; //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
    @import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
    @import url(style.css) //Windows NS4, Macintosh NS4不识别
    @import url(&#39;style.css&#39;) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
    @import url("style.css") //Windows NS4, Macintosh NS4不识别
</style>

Parmi eux, @import url(style.css) et @import url("style.css") sont les meilleurs choix et sont compatibles avec la plupart des navigateurs. Du point de vue de l'optimisation des octets, @import url(style.css) est le plus recommandé.

Comment écrire un lien

<link href="style.css" rel="stylesheet" type="text/css">

De plus, le lien a d'autres utilisations, comme l'introduction d'icônes

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

En général : le lien est meilleur que @import, et il est fortement Il est recommandé d'utiliser les balises de lien, utilisez la méthode @import avec prudence.

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn