Quelle est la différence entre lien et importation en CSS

Différences : 1. Link est une balise HTML en plus de charger du CSS, il peut également définir d'autres transactions telles que RSS @import appartient à la catégorie CSS et ne peut charger que du CSS. 2. Lorsque le lien fait référence à CSS, il est chargé en même temps que la page est chargée ; @import nécessite que la page soit chargée une fois la page complètement chargée. 3. Le lien ne présente aucun problème de compatibilité.

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

Il existe trois manières principales d'utiliser CSS dans la page : l'ajout et la définition de valeurs d'attribut de style​​en ligne, les appels en ligne dans l'en-tête de la page et les appels de liens externes, parmi lesquels il existe deux types de références externes. : lien et @import. Les deux façons de référencer CSS en externe, link et @import, sont :

link code

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />

@import code

<style type="text/css" media="screen">  
@import url("CSS文件");   
</style>

Les deux sont des moyens de référencer CSS en externe. Il y a certaines différences :

• Différence 1 : le lien est une balise HTML en plus de charger du CSS, il peut également définir d'autres transactions telles que RSS @import appartient à la catégorie CSS et peut ; chargez uniquement CSS.

• Différence 2 : Lorsque le lien fait référence à CSS, il est chargé en même temps que le chargement de la page ; @import nécessite que la page soit complètement chargée avant le chargement.

• Différence 3 : le lien est une balise HTML et ne présente aucun problème de compatibilité ; @import a été proposé en CSS2.1 et n'est pas pris en charge par les navigateurs de versions inférieures.
  

• Différence 4 : link prend en charge l'utilisation de Javascript pour contrôler le DOM afin de changer le style ; alors que @import ne le prend pas en charge.
  

Tutoriel recommandé : Tutoriel vidéo CSS

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!