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
- 藏色散人original
- 2021-02-19 09:20:554024parcourir
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".
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>
2, écriture de style externe
consiste à écrire un fichier séparé avec l'extension CSS, puis à utiliser la balise 2cdf5bf648cf2f33323966d7f58a7f3f dans 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 Par exemple :
<link href="你的css文件地址" rel="stylesheet" type="text/css"></link>
3, l'écriture de style imbriqué
peut être comprise comme une imbrication. Écrivez maintenant les balises d'élément requises dans le texte 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 puis écrivez un style CSS distinct dans 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927 dans 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1. Par exemple :
<head>
<style type="text/css">
span{color:re;}
</style>
</head>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!