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 "< link type="text/css" href="chemin du fichier css"/>".
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
2. Introduction via des balises (la manière la plus courante)
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!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
