Maison >interface Web >tutoriel CSS >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文件
| 属性 | 作用 | 释义 |
|---|---|---|
| reference | 使用该less文件但是不输出它 | 使用@import (reference) 导入外部文件，导入的样式不会添加到编译输出，除非该样式被引用。 |
| inline | 包括在源文件中输出，但是不作处理 | 当一个css文件可能无法被less所兼容时 |
| less | 将该文件视为less文件，无论扩展名是什么 | |
| css | 将文件视为css文件，无论扩展名是什么 | |
| once | 该文件仅可导入一次 (默认) | 文件只会被导入一次，后续的导入相同文件的语句会被忽略。 |
| multiple | 该文件可以多次导入 | 文件重复被引入多次 |
| optional | 当没有发现文件时仍然编译 | 避免导入不存在的less文件，如果没有这个参数会报 File Error 错误 |
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!