" pour appeler ; utilisez l'instruction "@import url ("chemin du fichier")"."/> " pour appeler ; utilisez l'instruction "@import url ("chemin du fichier")".">

Maison >interface Web >Questions et réponses frontales >Comment appeler des fichiers CSS en HTML

Comment appeler des fichiers CSS en HTML

青灯夜游
青灯夜游original
2021-04-26 12:02:404474parcourir

Méthode d'appel : 1. Dans la partie d'en-tête du document, utilisez l'instruction "48181c0ad86b7b4833d043856d8db365" ; 2. Dans le style Dans la balise, utilisez l'instruction "@import url("file path")" pour appeler.

Comment appeler des fichiers CSS en HTML

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

Il existe trois façons d'introduire les styles CSS : les styles en ligne, les feuilles de style internes et les feuilles de style externes. Parmi eux, la feuille de style externe est un fichier .css contenant des styles CSS.

Alors comment appeler des fichiers CSS externes en HTML ? Il existe deux méthodes : le type de lien et le type d'importation.

Syntaxe :

1. Type de lien

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

2. Type d'importation

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

Par exemple. :

<!DOCTYPE>
<html>
<head>
  <meta charset="utf-8" />
  <title>外部样式表</title>
  <!--链接式:推荐使用-->
  <link rel="stylesheet" type="text/css" href="css/style.css" /> 
  <!--导入式-->
  <style type="text/css">
    @import url("css/style.css");
  </style>
</head>
<body>
     <ol>
         <li>1111</li>
         <li>2222</li>
     </ol>
</html>

La différence entre le type de lien et le type d'importation

2cdf5bf648cf2f33323966d7f58a7f3f

1 Appartient à XHTML

2. . Chargement du premier fichier CSS sur la page

@import

1 Il appartient à CSS2.1

2. Chargez d'abord la structure HTML, puis chargez le fichier CSS.

(Partage de vidéos d'apprentissage : tutoriel vidéo CSS)

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
Article précédent:Que fait le HTML ?Article suivant:Que fait le HTML ?