" 2. Introduction via la balise link, la syntaxe ""."/> " 2. Introduction via la balise link, la syntaxe "".">

Maison  >  Article  >  interface Web  >  Il existe plusieurs façons d'introduire du CSS externe

Il existe plusieurs façons d'introduire du CSS externe

青灯夜游
青灯夜游original
2021-10-12 16:51:089499parcourir

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

Il existe plusieurs façons d'introduire du CSS externe

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!

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:Qu'est-ce qu'un fichier CSS ?Article suivant:Qu'est-ce qu'un fichier CSS ?