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

Comment connecter des fichiers CSS externes en HTML ?

不言
Libérer: 2020-09-05 09:27:12
original
56760 Les gens l'ont consulté

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 ?

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>
Copier après la connexion

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>
Copier après la connexion

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