Maison > interface Web > tutoriel HTML > Comment référencer des fichiers CSS en HTML

Comment référencer des fichiers CSS en HTML

王林
Libérer: 2020-02-20 18:16:49
avant
3247 Les gens l'ont consulté

Comment référencer des fichiers CSS en HTML

Les principales méthodes de référencement CSS en HTML sont :

1. Style en ligne

2. style

4. Style d'importation

Le style en ligne

fait référence à la valeur de l'élément Style écrit dans la balise

<p style="color: #FF0000;">行内样式</p>
Copier après la connexion

Tutoriel recommandé :

tutoriel html

Inline

est écrit dans la balise head de la page HTML.

<style type="text/css">
            XXXXXXXX        
</style>
Copier après la connexion

Linked

se fait également à l'intérieur de la balise head, mais nécessite qu'un fichier CSS dédié soit écrit en externe.

<link rel="stylesheet" href="css/Demo.css" />
Copier après la connexion

Le style d'importation

est également dans la balise head.

<style type="text/css">
            @import url("css/Demo.css");        
</style>
Copier après la connexion

La différence entre l'importation et le lien est la suivante : l'importation est chargée une fois, tandis que le lien est chargé lorsque son style est nécessaire, les performances du type de lien sont donc plus élevées. Surtout lors du premier chargement.

Priorité :


Style en ligne

Style de lien

Style en ligne
Style d'importation (lien après importation)
OU
Style de style en ligne
Intégré
Importé

Pour plus de contenu lié à la programmation, veuillez faire attention à la colonne

Introduction à la programmation

sur le site Web chinois de 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!

Étiquettes associées:
source:cnblogs.com
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal