Une brève discussion sur la différence entre link et @import

Dans les opérations CSS, il existe deux façons d'introduire CSS de l'extérieur, link et @import.

Voici les différences et les conclusions entre les deux méthodes :

Différence :

1. Séquence de chargement
Lors du chargement de la page, lien tag introduit Les fichiers CSS sont chargés en même temps ; Le fichier CSS sera chargé une fois le chargement de la page terminé. 2. Compatibilité lien

est Élément HTML, aucun problème de compatibilité

@import Oui La syntaxe n'est disponible qu'en CSS2.1, elle ne peut donc être reconnue que par IE5+. 3. lienest une étiquette et peut être chargée Fichiers CSS, vous pouvez également définir des attributs de connexion RSS, rel, etc.

@import est une règle grammaticale, seuls les styles peuvent être importés Tableau.

4. Si les opérations DOM peuvent être utilisées pour insérer et modifier des styles.
peut utiliser le DOM via JS pour insérer la balise link pour changer le style, mais @import ne peut pas utiliser la méthode DOM pour insérer le style.

Conclusion :

Il est fortement recommandé d'utiliser la balise link et d'utiliser le @import tag avec prudence.

Cela peut éviter que @import ne confonde l'ordre de téléchargement des fichiers de ressources et les requêtes HTTP excessives.

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!