"; 2. Créez un lien via la règle "@import" dans la balise de style, avec la syntaxe "@import url("chemin du fichier css");"."/> "; 2. Créez un lien via la règle "@import" dans la balise de style, avec la syntaxe "@import url("chemin du fichier css");".">

Maison  >  Article  >  interface Web  >  Quelles sont les formes des liens externes CSS ?

Quelles sont les formes des liens externes CSS ?

青灯夜游
青灯夜游original
2022-07-27 20:27:315895parcourir

Il existe deux formes de liens externes CSS : 1. Liez le style externe CSS à la page HTML via la balise de lien. La balise de lien doit être placée dans la zone de balise head et la syntaxe est ""; 2. Créez un lien via la règle "@import" dans la balise de style, avec la syntaxe "@import url("chemin du fichier css" );".

Quelles sont les formes des liens externes CSS ?

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Si le style CSS est placé dans un fichier en dehors du document de page Web, on l'appelle une feuille de style externe. Un document de feuille de style CSS représente une feuille de style externe.

En fait, une feuille de style externe n'est qu'un fichier texte avec l'extension .css. Lorsque vous copiez le code de style CSS dans un fichier texte et que vous l'enregistrez en tant que fichier .css, il s'agit d'une feuille de style externe.

Comme le montre la figure ci-dessous, il s'agit d'une feuille de style externe :

Quelles sont les formes des liens externes CSS ?

Alors comment lier la feuille de style externe css au document HTML ? Il existe deux manières d'utiliser des feuilles de style externes :

1), en utilisant link

Le style de lien fait référence à la définition d'une feuille de style CSS en externe et à la formation d'un fichier avec une extension .CSS, puis en passant &lt dans la page ;link>La balise link est liée à la page et l'instruction de lien doit être placée dans la zone de balise

<link>链接标记链接到页面中,而且该链接语句必须放在页面的标记区。

语法:

<link type="text/css" rel="styleSheet"  href="CSS文件路径" />

2)、使用@import

导入式是通过@import

Syntaxe :

<style type="text/css">
  @import url("css文件路径");
</style>

2), utilisez @import

L'import est déclaré 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