Une brève introduction aux différences entre les deux fichiers de style importés en CSS

Le contenu de cet article est une brève introduction aux différences entre les deux types de fichiers de style importés CSS. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer.

Il existe deux types de fichiers de style d'introduction CSS, à savoir la balise et la méthode @import. Les différences entre les deux sont résumées ci-dessous !

Différence 1 : peut non seulement référencer des fichiers de style, mais également d'autres ressources, mais l'importation ne peut introduire que des fichiers de feuille de style.

Différence 2 : Vous pouvez utiliser JS pour faire fonctionner le DOM afin d'insérer la balise Pour la méthode @import, puisque la méthode DOM est basée sur des documents, vous ne pouvez pas utiliser JS pour utiliser @import afin d'insérer des styles.

Différence 3 : Le fichier CSS introduit par commence à se charger lorsque la page est chargée, mais le fichier introduit par @import ne peut pas être chargé tant que la page n'est pas chargée.

Différence 4 : @import présente de légers problèmes de compatibilité (IE5+), mais

Différence 5 : @import peut être utilisé dans des pages Web ou dans des fichiers CSS pour introduire plusieurs fichiers CSS dans un seul fichier CSS ; tandis que le lien ne peut importer que des fichiers CSS Introduit dans la page Web. Remarque : lors de l'utilisation de @import dans un fichier CSS, s'il existe des définitions d'attributs en double, les valeurs d'attribut introduites par @import seront écrasées.

Recommandations associées :

Exemples de deux dégradés en css3

Quel est le positionnement du css ? Résumé du positionnement CSS

Attributs d'animation CSS3 : Introduction à l'attribut de transformation

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!