Que signifie @import en CSS ?

En CSS, @import consiste à importer des feuilles de style CSS. Cette méthode est généralement utilisée dans les fichiers CSS. L'avantage est que plusieurs feuilles de style peuvent être importées dans une seule feuille de style, de sorte que la page soit uniquement affichée. besoin d'importer une feuille de style.

Recommandation de didacticiel vidéo : "Tutoriel vidéo CSS - Édition Jade Girl Heart Sutra"

Introduit Il existe deux méthodes CSS, l'une est @import et l'autre est link

@import url('地址');

<link href="地址" rel="stylesheet" type="text/css" />

La plupart des sites Web utilisent désormais cette dernière méthode de lien car

@import charge d'abord le HTML, puis charge le CSS

le lien charge d'abord le CSS, puis le HTML.

Ainsi, la première page Web de chargement apparaîtra dans un format inconnu du spectateur, tandis que la seconde chargera la page Web avec un formatage.

Plusieurs façons d'introduire @import

@import est introduit par défaut pour lire en mode less, hors css :

@import "foo"; // foo.less 导入为less文件 
@import "foo.less"; // foo.less 导入为less文件
@import "foo.php"; // foo.php 导入为less文件
@import "foo.css"; // 语句保持原样，导入为css文件

Tutoriel recommandé : "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!