Maison >interface Web >tutoriel HTML >Comment référencer des fichiers CSS en HTML
Comment référencer des fichiers CSS en HTML
- 青灯夜游original
- 2021-07-14 12:00:5013642parcourir
Comment citer des fichiers CSS : 1. Utilisez l'instruction "5416db1feff4fc17ff5d53814662b3b7" 2. Utilisez "@import" dans le champ ; style tag url("chemin du fichier css");" instruction.
L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.
Le code CSS est stocké dans une feuille de style avec une extension .css.
Les fichiers HTML font référence à une feuille de style avec une extension .css (CSS externe). Il existe deux manières : le type de lien et le type d'importation.
Grammaire :
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. Appartenir à XHTML
2. Priorisez le chargement des fichiers CSS sur la page
@import
1 Appartient à CSS2.1
2 Chargez d'abord la structure HTML, puis chargez les fichiers CSS.
Avantages du CSS externe :
1 La taille de la page HTML est plus petite et la structure est plus claire.
2. Vitesse de chargement plus rapide.
3. Le même fichier .css peut être utilisé sur plusieurs pages.
Inconvénients du CSS externe :
1. La page peut ne pas s'afficher correctement avant le chargement du CSS externe.
Partage de vidéos d'apprentissage : Tutoriel vidéo CSS, Tutoriel vidéo HTML
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!