Comment introduire des fichiers CSS dans HTML

Méthode d'introduction : 1. Utilisez la balise de lien pour introduire, la syntaxe est ""; Règle "@import" Introduction, la syntaxe "@import url (adresse du fichier css)".

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

Il existe deux manières d'introduire des fichiers CSS dans HTML :

• Utiliser la balise link pour référencer des fichiers CSS externes (méthode lien)

• Utilisez @import pour référencer des fichiers CSS externes (méthode d'importation)

1. Utilisez la balise de lien

dans l'en-tête HTML Utilisez la balise dans la balise

pour introduire les fichiers CSS externes

2. Utilisez la règle @import

Dans la balise de la balise dans l'en-tête HTML, utilisez la règle CSS @import pour introduire les fichiers CSS externes

Comparez la méthode de lien et la méthode d'importation

La méthode de lien (remplacée par le lien ci-dessous) et la méthode d'importation (remplacée par @import ci-dessous) sont deux façons d'introduire des fichiers CSS externes. Comparons ces deux méthodes ci-dessous.

link appartient au HTML, et les fichiers externes sont introduits via l'attribut href dans la balise , tandis que @import appartient au CSS, donc l'instruction d'importation doit être écrite en CSS. l'instruction d'importation doit être écrite dans le style au début du tableau, sinon les fichiers externes ne peuvent pas être importés correctement

@import est un concept qui n'est apparu que dans CSS2.1, donc si la version du navigateur est inférieure ; , les fichiers de style externes ne peuvent pas être importés correctement ;

Quand Lorsque le fichier HTML est chargé, le fichier référencé par lien sera chargé en même temps, tandis que le fichier référencé par @import ne sera chargé qu'après la page. est entièrement téléchargé

(Partage vidéo 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!