Comment connecter des fichiers CSS externes en HTML ?

Lors de l'apprentissage du front-end, il faut savoir que le CSS ajoute différents styles aux balises html pour indiquer au navigateur comment afficher le contenu de ces balises. Puisque le CSS est utilisé pour ajouter divers styles au HTML, comment introduire du texte CSS externe dans le HTML ? Cet article vous présentera quatre méthodes pour introduire des fichiers CSS dans HTML. Jetons un coup d'œil au contenu spécifique.

Comment connecter des fichiers CSS externes en HTML :

1. Utilisez HTML pour introduire des fichiers CSS directement dans les divs. Création de style CSS pour une page Web div + CSS

<div style="border:1px red solid;">html引入css文件</div>

Remarque : Cette méthode d'introduction de fichiers CSS dans HTML n'est pas recommandée car elle donnera à la page beaucoup de balises, semblera encombrante et échouera. pour refléter le CSS. Avantages : Bien sûr, si vous souhaitez vraiment utiliser cette méthode, vous pouvez l'utiliser dans des endroits qui ne changent pas souvent, mais ce n'est toujours pas recommandé.

2. Utilisez le style intégré

pour écrire directement du CSS dans l'en-tête

<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>

Remarque : cette méthode de l'introduction de fichiers CSS dans HTML convient lorsqu'il y a moins de pages. Avantages : Rapidité Rapide, tous les contrôles CSS sont destinés à cette balise de page, il n'y a pas de commandes CSS redondantes et il n'est pas nécessaire de lier des fichiers CSS en externe ; Lisez les styles directement dans le document HTML. Inconvénients : S’il y a beaucoup de pages, il sera très difficile de réviser une seule page. La page semble surchargée et le CSS ne peut pas être référencé par un autre code HTML, ce qui entraîne une quantité de code relativement importante et une maintenance fastidieuse. Mais la plupart des entreprises qui utilisent cette méthode sont riches. Pour elles, le nombre d’utilisateurs est la clé, et elles ne manquent pas de personnel. Effectuer des travaux de maintenance complexes.

3. Utilisez @import pour référencer des fichiers CSS externes lors de l'introduction de fichiers CSS dans HTML

Introduisez un fichier .css indépendant dans HTML Dans le fichier, le type d'import utilise des règles CSS pour introduire des fichiers CSS externes. La balise c9ccee2e6ea535a969eb3f532ad9fe89 est également écrite dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e.

4. HTML introduit les fichiers CSS, utilisez un lien pour référencer des fichiers CSS externes

<style type="text/css">
    @import"mystyle.css"; 此处要注意.css文件的路径
</style>

Utilisez la balise 2cdf5bf648cf2f33323966d7f58a7f3f dans la paire de balises 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 page Web pour introduire des fichiers de feuille de style externes, utilisez les règles HTML pour importer des CSS externes.

Remarque : Cette méthode d'introduction de fichiers CSS dans HTML ne nécessite pas de balises de style, mais fait directement référence à des styles externes en liant un style. Il est recommandé d'utiliser un lien pour faire référence. aux styles externes.

<link href="./mystyle.css" rel="stylesheet" type="text/css"/>

Ci-dessus sont les quatre façons d'introduire des fichiers CSS externes en HTML. Pour plus d'informations sur le HTML et le CSS, vous pouvez faire attention au site Web chinois php.

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!