Maison  >  Article  >  interface Web  >  Comment @import introduit-il les fichiers CSS ? Y a-t-il un moyen

Comment @import introduit-il les fichiers CSS ? Y a-t-il un moyen

云罗郡主
云罗郡主avant
2018-11-22 16:53:055335parcourir

Le contenu de cet article explique comment @import introduit les fichiers CSS ? Existe-t-il une méthode qui a une certaine valeur de référence ? Les amis dans le besoin peuvent s'y référer. J'espère qu'elle vous sera utile.

@import introduit les fichiers de feuille de style CSS

@import url (url) sMedia;

Description :

url : utilisez des adresses absolues ou relatives pour spécifier le fichier de feuille de style externe d’importation. Cela équivaut à un lien introduisant des fichiers CSS. (Apprenez la différence entre link et @import et comment choisir)

css @import utilise deux méthodes couramment utilisées

La première : le code source html (dans le fichier html) introduit directement le Fichier CSS de feuille de style externe

fichier html code index.html :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>import使用实例</title>
<style>
@import url(images/style.css);
</style>
</head>
<body>
<span class="wai">实例测试内容</span>
</body>
</html>

code du fichier style.css dans le dossier images :

@charset "utf-8";
/* php - www.php.cn */
.wai{ color:#F00}

L'effet est le même suit :

Comment @import introduit-il les fichiers CSS ? Y a-t-il un moyen

Comme vous pouvez le voir ci-dessus, l'utilisation de @import dans le code HTML nécessite l'utilisation de la balise de style.

Résumé : Pour utiliser directement @import pour introduire des fichiers de feuille de style CSS externes dans le code source HTML, vous devez mettre @import dans la balise

Deuxième : utilisez @import dans le code du fichier CSS pour introduire un autre fichier CSS.

En plus d'utiliser la balise de style pour utiliser @import dans le code source HTML, vous pouvez toujours utiliser @ dans l'importation du code du fichier CSS, il n'y a pas besoin de balises de style pour le moment, mais utilisez simplement @import directement, afin qu'un (plusieurs) fichiers CSS puisse être introduit dans un autre (plusieurs) fichiers CSS.

Ce qui précède explique comment @import introduit les fichiers CSS ? Il y a une introduction complète à toutes les méthodes. Si vous souhaitez en savoir plus sur les didacticiels CSS3, veuillez prêter attention au site Web PHP chinois.


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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer