"."/> ".">

Maison  >  Article  >  interface Web  >  Quelle est la différence entre les liens internes CSS, les liens externes et les CSS intégrés ?

Quelle est la différence entre les liens internes CSS, les liens externes et les CSS intégrés ?

青灯夜游
青灯夜游original
2020-11-17 14:53:158233parcourir

Différence : les liens internes font référence à l'utilisation de l'attribut style pour écrire des styles CSS dans les balises HTML ; les liens externes font référence à l'écriture de styles CSS séparément dans un fichier avec l'extension ".css", en utilisant la référence de balise de lien intégrée ; référence de balise de style, écrivez le style CSS séparément dans "".

Quelle est la différence entre les liens internes CSS, les liens externes et les CSS intégrés ?

[Tutoriel recommandé : Tutoriel vidéo CSS]

Il existe trois façons de référencer du CSS en HTML : les liens internes style, style de lien externe et style intégré.

Fonctionnellement parlant, les fonctions implémentées par ces trois-là sont les mêmes, et elles peuvent toutes réaliser la composition et la modification du contenu. Cependant, en termes d'utilisation, ils sont utilisés de différentes manières. Distinguons-les un par un ci-dessous :

(1) Introduction aux liens internes

Les liens internes Le css. La feuille de style consiste à écrire le code CSS directement dans la balise HTML existante. La méthode d'utilisation spécifique est la suivante :

<div style="color:red;">设置文字的颜色为红色</div>

Remarque ici : le contenu du style est écrit dans la balise de début de l'élément, et le Le code de style CSS doit être écrit entre guillemets doubles. S'il existe plusieurs paramètres de code de style CSS, ils peuvent être écrits ensemble et séparés par des points-virgules. L'effet de plusieurs styles CSS écrits ensemble est le suivant :

<div style="color:red;font-size:14px;">>设置字体颜色为红色,并且字体大小为14px</div>

(2) Introduction intégrée

La différence entre les feuilles de style intégrées et les liens internes est C'est très pratique pour modifier les attributs de style de plusieurs éléments identiques en même temps. Par exemple, nous souhaitons ajuster la police du contenu d'une certaine balise en rouge, la mettre en gras et ajuster la taille de la police à 14px ; > Si nous utilisons la méthode des liens internes, nous devons ajouter des styles à chaque balise. Le code est le suivant :

Quelle est la différence entre les liens internes CSS, les liens externes et les CSS intégrés ?Comme vous pouvez le voir ci-dessus, les liens internes. La formule produira un tas de code redondant, mais l'utilisation de notre intégration est relativement simple. Le code est le suivant :

Quelle est la différence entre les liens internes CSS, les liens externes et les CSS intégrés ?Comme le montre la figure ci-dessus, l'intégration. Si nous devons uniquement modifier la balise span, alors les styles de tout le contenu de la balise span seront modifiés en conséquence.

(3) Introduction externe

Le style CSS externe consiste à écrire le code CSS dans un fichier externe séparé. Ce fichier de style CSS commence par ".css" L'extension. est généralement placé dans la balise

(pas dans la balise

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!

Déclaration:
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