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 "".

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

<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!