C'est aussi un style externe. Quelle est la différence entre @import et link ?

Il existe de nombreuses façons d'introduire les styles CSS dans HTML, tels que les styles en ligne, les styles d'importation, les styles de lien, etc. Aujourd'hui, cet article vous parlera des mêmes styles externes Style de lien de lien et importation d'importation. le style est quelle est la différence. Les amis dans le besoin peuvent s'y référer, j'espère qu'il vous sera utile.

Deux façons de référencer CSS en externe :

Méthode link :

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

Méthode @import :

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

Les deux sont des manières de référencer CSS en externe, mais il existe certaines différences :

Différence 1 : le lien est une balise XHTML 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.

Différence 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 complètement chargée avant le chargement.

Différence 3 : le lien est une balise XHTML 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 : ink 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.

Supplément : La meilleure façon d'écrire @import

Il existe généralement les façons suivantes d'écrire @import :

@import 'style.css' //Windows IE4/ NS4, Mac Non reconnu par le système d'exploitation , Non reconnu par Macintosh NS4
@import url('style.css') //Non reconnu par Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4
@import url("style.css") / /Windows NS4, Macintosh NS4 ne reconnaît pas
D'après l'analyse ci-dessus, nous savons que @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é.

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!