Maison > Article > interface Web > Comment connecter CSS à HTML
Comment connecter CSS à HTML
- 清浅original
- 2019-05-06 16:04:5414650parcourir
Les moyens de connecter CSS au HTML incluent : l'écriture de styles CSS directement dans les balises ; l'écriture de CSS directement dans l'en-tête via le style ; la liaison externe d'un fichier CSS via un lien ; et l'utilisation de l'URL @import lors de l'accès à plusieurs fichiers CSS
.
Il existe quatre façons de connecter CSS au HTML, à savoir :
Méthode 1 : Écrire la balise directement dans le contrôle css de la balise
<div style="width:100px;height:100px;border:1px solid #ccc"></div>
Méthode 2 : Écrire l'en-tête directement en CSS
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{font-size: 20px;
color:red;}
h1{color: blueviolet;
font-family: "Arial Narrow";
}
</style>
</head>Méthode 3 : Lier un fichier CSS en externe
Il s'agit d'une méthode couramment utilisée
<link href="css.css" rel="stylesheet" type="text/css">
Méthode 4 : Lors de la connexion plusieurs CSS, lorsqu'un fichier CSS fait référence à un autre fichier CSS
@import url(文件名.css)
Charger après le chargement de la page
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!