Quelle est la différence entre les liens externes CSS et les CSS importés

La différence entre le type de lien externe et le type de CSS importé est la suivante : le type de lien externe charge d'abord le fichier de mise en page CSS dans le fichier de page Web, tandis que le type importé charge d'abord le fichier de page Web, puis charge le fichier de mise en page. L'utilisation de l'importation peut éviter que trop de fichiers de pages Web pointent vers un fichier de mise en page CSS.

L'analyse des différences est la suivante :

(vidéo d'apprentissage recommandée : tutoriel vidéo CSS)

Sauf le style chaîné

<link rel="stylesheet" href="css/test.css">

Style importé

@import "css/test.css";

Les premiers résultats obtenus par les deux sont les mêmes, tous deux introduisant des fichiers CSS indépendants dans les fichiers de pages Web.

Mais il existe encore des différences subtiles entre les deux. Link charge d'abord le fichier de mise en page CSS dans le fichier de page Web. Ainsi, quelle que soit la lenteur de la vitesse du réseau, l'effet final de la page Web sera le même. @import charge d'abord le fichier de page Web, puis le fichier de mise en page. Si la vitesse du réseau est trop lente à ce moment-là, l'effet de page Web sans mise en page apparaîtra en premier, ce qui aura l'air moche.

Mais l'importation de styles peut éviter que trop de fichiers de page Web pointent vers un fichier de mise en page CSS. Si vous utilisez un lien, cela peut provoquer un ralentissement en raison d'un trop grand nombre de fichiers de page Web utilisant un seul fichier de mise en page en même temps. Mais l’utilisation d’un bon disque dur ne provoquera fondamentalement pas cette situation.

Recommandations associées : Tutoriel 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!