Maison > Article > interface Web > Il existe deux méthodes de référence pour les feuilles de style externes CSS.
Il existe deux méthodes de référence pour les feuilles de style externes CSS.
- 青灯夜游original
- 2021-02-22 15:10:4816046parcourir
Méthode : 1. Référence via "@import" dans la balise de style, la syntaxe est "@import url(URL)" 2. Référence via la balise link, la syntaxe "53281d40998073f468aa8eb368fea68c".
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Feuille de style externe CSS
Si le style CSS est placé dans un fichier en dehors du document de la page Web, on l'appelle une feuille de style externe. représente une feuille de style externe.
En fait, une feuille de style externe est un fichier texte avec l'extension .css. Lorsque vous copiez le code de style CSS dans un fichier texte et que vous l'enregistrez en tant que fichier .css, il s'agit d'une feuille de style externe.
Façons d'introduire des feuilles de style externes :
Les fichiers HTML font référence à des feuilles de style avec l'extension .css. Il existe deux manières : le type de lien et le type d'importation. .
1. Introduction via la directive @import
La directive @import fait partie du langage CSS Lorsque vous l'utilisez, ajoutez cette directive à une balise c9ccee2e6ea535a969eb3f532ad9fe89 ;
Pour associer à un fichier CSS externe, vous devez utiliser url au lieu de href, et mettre le chemin entre parenthèses
<html>
<head>
<style type="text/css">
@import url(css/styles.css);
</style>
<!--此处的type属性是针对HTML4.01的，若在HTML5中则不需要加-->
</head>
<body>
......
</body>
</html[Tutoriel recommandé : Tutoriel vidéo CSS ]
2. Importer via la balise 2cdf5bf648cf2f33323966d7f58a7f3f (la manière la plus courante)
<link type="text/css" href="style.css" rel="stylesheet" /> <!--同理，type属性是针对HTML4.01的-->
La différence entre les deux méthodes
bf51bec373532417d50628157aa49ca9 sont des balises html, et @import est une méthode fournie par CSS. La balise 2cdf5bf648cf2f33323966d7f58a7f3f peut non seulement introduire du CSS, mais aussi faire d'autres choses, tandis que @import ne peut introduire que du CSS; différence dans l'ordre de chargement : Lors de la navigation sur une page, le css introduit par le lien sera chargé de manière synchrone, tandis que le css référencé par @import ne sera chargé que lorsque tous les autres éléments auront été téléchargés
Différence de compatibilité : @ l'importation est CSS2.1 n'a été proposée, elle n'est donc prise en charge que par IE5 et les versions supérieures ne la prennent pas en charge. La balise 2cdf5bf648cf2f33323966d7f58a7f3f n'a pas ce problème ; le DOM pour changer le style, seule la balise 2cdf5bf648cf2f33323966d7f58a7f3f peut être utilisée car @import n'est pas contrôlable par le DOM.
Pour plus de connaissances sur la programmation, veuillez visiter :
Vidéo de programmation! !
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!