Maison >interface Web >Questions et réponses frontales >Comment appeler CSS en HTML
Comment appeler CSS en HTML
- 王林original
- 2023-05-05 19:58:052268parcourir
Comment HTML appelle CSS
CSS (Cascading Style Sheet) est un langage utilisé pour contrôler le style des pages HTML Grâce à CSS, vous pouvez modifier la police, la couleur, l'arrière-plan, la taille et la position. de composants HTML, etc. Il existe de nombreuses façons d’appeler CSS en HTML, et cet article présentera deux méthodes.
Méthode 1 : Feuille de style en ligne
La feuille de style en ligne signifie définir le style dans le code HTML. Le style est spécifié à l'aide de l'attribut "style" dans la balise HTML. Par exemple :
<p style="color:blue;">这是一段蓝色文字</p>
Dans l'exemple ci-dessus, nous avons spécifié la couleur du texte dans le composant paragraphe comme bleu, à l'aide d'une feuille de style en ligne. Pour un petit nombre de changements de style, les feuilles de style en ligne constituent un meilleur choix, mais si vous devez modifier les styles de plusieurs composants, l'utilisation de feuilles de style en ligne rendra le code difficile à maintenir.
Méthode 2 : Feuille de style externe
La feuille de style externe enregistre le code CSS dans un fichier CSS séparé puis l'appelle via HTML. L’avantage de cette méthode est que vous pouvez gérer le style de l’ensemble du site Web dans un seul fichier CSS. Tout d'abord, créez un fichier CSS, enregistrez-le sur le serveur et définissez le nom du fichier sur "Example.css".
En HTML, nous introduisons les fichiers CSS en utilisant la balise Par exemple :
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="样式文件的路径">
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</body>
</html>
Dans l'exemple ci-dessus, nous utilisons la balise dans l'en-tête pour introduire le fichier de style, et le type de paramètre doit être "text/css". Le paramètre rel doit être défini sur "stylesheet", indiquant qu'il s'agit d'une feuille de style. Le paramètre href doit être le chemin d'accès au fichier de style que nous enregistrons sur le serveur. De cette façon, nous pouvons utiliser les styles de l'exemple de fichier .css dans toute la page HTML.
Summary
Ci-dessus sont deux méthodes pour appeler CSS en HTML. Grâce aux feuilles de style en ligne et aux feuilles de style externes, nous pouvons modifier le style des pages HTML et rendre le code plus concis et lisible. Lors de l'utilisation d'une feuille de style externe, il convient de prêter attention au paramétrage du chemin du fichier et à la définition du nom du fichier afin qu'il puisse être appelé normalement en 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!