Maison > interface Web > Questions et réponses frontales > La différence entre les liens externes CSS et l'intégration en ligne

La différence entre les liens externes CSS et l'intégration en ligne

藏色散人
Libérer: 2023-01-03 09:23:45
original
3982 Les gens l'ont consulté

Les différences entre les liens externes CSS et l'intégration en ligne sont : 1. Les méthodes d'écriture des trois styles sont différentes ; 2. Le poids et la priorité des trois méthodes sont différents dans l'utilisation réelle. low est "Intégration>Inline>Outline".

La différence entre les liens externes CSS et l'intégration en ligne

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

Quelle est la différence entre les liens externes CSS, l'inline et l'intégration ?

Tout d'abord, d'un point de vue fonctionnel, les fonctions mises en œuvre par ces trois sont les mêmes, et elles peuvent toutes réaliser la composition et la modification de contenu.

Cependant, au niveau de l'écriture, ils sont différents. Distinguons-les un à un :

1, écriture de style en ligne

<p style="color:red;"></p>
Copier après la connexion

2, écriture de style externe

consiste à écrire un fichier séparé avec l'extension CSS, puis à utiliser la balise dans Par exemple :

<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>
Copier après la connexion

3, l'écriture de style imbriqué

peut être comprise comme une imbrication. Écrivez maintenant les balises d'élément requises dans le texte puis écrivez un style CSS distinct dans dans . Par exemple :

<head>
<style type="text/css">
span{color:re;}
</style>
</head>
Copier après la connexion

Différences de priorités (Recommandé : tutoriel vidéo CSS)

Dans l'utilisation réelle des trois méthodes, le poids est prioritaire De de haut en bas : intégré> en ligne> contour. Les styles plus généraux peuvent être isolés et utilisés en externe pour améliorer la réutilisabilité et réduire le couplage entre les styles et le contenu ; les styles avec peu d'éléments indépendants peuvent être plus pratiques à utiliser de manière intégrée.

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:
css
source:php.cn
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