Maison > interface Web > tutoriel CSS > le corps du texte

Comment charger un fichier CSS

青灯夜游
Libérer: 2021-07-22 14:14:25
original
3226 Les gens l'ont consulté

Comment charger des fichiers CSS : 1. Utilisez l'instruction "" pour charger ; (" chemin du fichier CSS ");" L'instruction est chargée.

Comment charger un fichier CSS

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Méthode 1 : chargement via la balise link

définit la relation entre le document et les ressources externes. L'utilisation la plus courante de la balise

Utilisez la balise dans la paire de balises de la page Web pour appeler des fichiers CSS externes.

Format de syntaxe :

<link rel="stylesheet" type="text/css" href="css文件路径" />
Copier après la connexion

Explication de chaque attribut :

  • L'attribut href définit l'adresse du fichier de feuille de style externe, qui peut être une adresse relative ou une adresse absolue. L'attribut

  • rel définit le document associé, c'est-à-dire ici la feuille de style associée. L'attribut

  • type définit le type de fichier importé. Comme l'élément style, text/css indique un fichier texte CSS.

Remarque :

Cette méthode chargera le fichier CSS avant de charger le corps principal du fichier de la page Web, de sorte que la page Web affichée aura un effet stylisé dès le début. Elle n'affichera pas d'abord une page Web sans style comme. la méthode importée, puis affichez la page Web stylisée.

Méthode 2 : Charger

via @import. Les règles @import sont utilisées pour importer des règles de style à partir d'autres feuilles de style. Ces règles doivent précéder tous les autres types de règles.

Utilisez la commande @import pour importer des informations de feuille de style externe dans la page. Elles existent dans les balises