Maison > interface Web > tutoriel HTML > le corps du texte

Comment connecter CSS à HTML

清浅
Libérer: 2019-05-06 16:04:54
original
14663 Les gens l'ont consulté

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
.

Comment connecter CSS à HTML

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>
Copier après la connexion

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>
Copier après la connexion

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">
Copier après la connexion

Méthode 4 : Lors de la connexion plusieurs CSS, lorsqu'un fichier CSS fait référence à un autre fichier CSS

@import url(文件名.css)
Copier après la connexion

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal