Comment charger un fichier CSS

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

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

Méthode 1 : chargement via la balise link

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

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

Format de syntaxe :

<link rel="stylesheet" type="text/css" href="css文件路径" />

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 c9ccee2e6ea535a969eb3f532ad9fe89

<style type="text/css">
@import url("css文件路径");
</style>

Remarque :

L'utilisation de @import pour introduire CSS peut facilement introduire du code CSS à partir de fichiers externes, ce qui facilite la maintenance et la planification. Cependant, chaque fois qu'un fichier CSS supplémentaire est introduit, une demande de connexion sera ajoutée au serveur. Lorsque le nombre de visites est important, un compromis doit être fait entre maintenabilité et performances.

L'utilisation de la méthode @import pour charger entraînera le chargement du fichier CSS après le chargement de la page HTML, c'est-à-dire qu'avant le chargement du fichier CSS, la page s'exécutera nue, mais la vitesse de réponse lors de la saisie du fichier CSS. le site Web sera plus rapide !

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