" 2. Introduction via la balise link, la syntaxe ""."/> " 2. Introduction via la balise link, la syntaxe "".">
Maison >interface Web >Questions et réponses frontales >Il existe plusieurs façons d'introduire du CSS externe
Il existe deux manières d'introduire du CSS externe, à savoir : 1. Introduction via l'instruction "@import", la syntaxe "@import url (chemin du fichier css);>" 2. Introduction via la balise link, la syntaxe "e7ccdff88cbf9eeb4581ef8189264478".
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Deux façons d'introduire CSS
1 Introduction via la directive @import
La directive @import fait partie du langage CSS Lorsque vous l'utilisez, ajoutez cette directive à un c9ccee2e6ea535a969eb3f532ad9fe89 balise en HTML Medium
<style type="text/css"> @import url(css/styles.css); </style>
2. Introduction via des balises (la manière la plus courante)
<link type="text/css" href="style.css" rel="stylesheet" />
La différence entre les deux méthodes
les balises sont des balises html, et @import est un moyen fourni. par css, tags Non seulement vous pouvez introduire le css, mais vous pouvez aussi faire d'autres choses, tandis que @import ne peut introduire que le css
La différence dans l'ordre de chargement : lorsqu'une page est parcourue, le css introduit par le lien sera chargé de manière synchrone, alors que le css référencé par @import est Attendre que tous les autres éléments aient été téléchargés avant d'être chargés
Différences de compatibilité : @import n'a été proposé qu'en CSS2.1, il n'est donc supporté que par IE5 ou supérieur, les navigateurs de version inférieure ne le prennent pas en charge et la balise n'a pas de problème.
Lorsque vous utilisez javascript pour contrôler le DOM afin de modifier le style, vous ne pouvez utiliser que des balises car @import n'est pas contrôlable par le DOM.
(Partage de vidéos d'apprentissage : Tutoriel vidéo 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!