" ; la règle @import Importez des fichiers CSS externes."/> " ; la règle @import Importez des fichiers CSS externes.">
recherche

Maison  >  Article  >  interface Web  >  Comment connecter des fichiers CSS en externe

Comment connecter des fichiers CSS en externe

藏色散人
藏色散人original
2021-01-28 09:42:3210853parcourir

Comment lier des fichiers CSS en externe : 1. Utilisez la balise link pour créer un lien vers des fichiers CSS externes, tels que "68da8f0217ca180b14c3734fce02cc01 "; 2. Utilisez la règle @import pour importer des fichiers CSS externes.

Comment connecter des fichiers CSS en externe

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5&&CSS3, ordinateur DELL G3.

Recommandé : Tutoriel vidéo CSS

Il existe deux façons de connecter des fichiers CSS externes

  • Utilisez la balise link pour lier des fichiers CSS externes

  • Utilisez la règle @import pour importer des fichiers CSS externes

1 . Utilisez la balise link Lier des fichiers CSS externes (liés)

Lorsque des styles doivent être appliqués à plusieurs pages, les feuilles de style externes seront le choix idéal. À l'aide de feuilles de style externes, vous pouvez modifier l'apparence de l'ensemble de votre site en modifiant un fichier.

Lier une feuille de style externe : 

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
</head>
<link> 标签定义文档与外部资源的关系。
<link> 标签最常见的用途是链接样式表。

Remarque : L'élément link est un élément vide, il ne contient que des attributs. L'élément link ne peut exister que dans la section head, mais il peut apparaître plusieurs fois.

2. Utilisez les règles @import pour importer des fichiers CSS externes (type d'importation) 

<style>
@import &#39;style.css&#39; //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不识别
@import url(style.css) //Windows NS4, Macintosh NS4不识别
@import url(&#39;style.css&#39;) //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不识别
@import url("style.css") //Windows NS4, Macintosh NS4不识别
</style>

La différence entre un lien et une importation

le lien est un XHTML tag, sauf En plus du chargement du CSS, vous pouvez également définir d'autres transactions telles que RSS ; tandis que @import appartient à la catégorie des CSS et ne peut charger le CSS que lorsque

lien fait référence au CSS, il sera chargé à au même moment où la page est chargée ; tandis que @import nécessite que la page soit complètement chargée après le chargement.

link est une balise XHTML et n'a aucun problème de compatibilité ; alors que @import a été proposé en CSS2.1 et n'est pas pris en charge par les navigateurs de versions inférieures.

ink prend en charge l'utilisation de Javascript pour contrôler le DOM afin de modifier le style ; @import ne le prend pas en charge.

@import peut introduire d'autres feuilles de style dans le fichier CSS, le lien ne le prend pas en charge.

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：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Comment utiliser CSS pour styliser la petite main lorsque la souris est survoléeArticle suivant：Comment utiliser CSS pour styliser la petite main lorsque la souris est survolée

Articles Liés

Voir plus