Comment charger du CSS en HTML

Comment charger du CSS en HTML : 1. Chargez du CSS via des styles externes ; 2. Chargez du CSS via des styles internes ; 3. Chargez du CSS via des styles en ligne ;

L'environnement d'exploitation de cet article : système windows7, version HTML5&&CSS3, ordinateur DELL G3

Comment charger du CSS en html ?

Il existe 4 types de chargement de styles CSS

1. Style externe (style externe)

Si le CSS est un fichier externe, vous pouvez écrire

<link href="style.css" rel="stylesheet" type="text/css" />

href=”style.css” Ici, vous pouvez écrire le chemin de votre fichier CSS

Ce formulaire consiste à écrire le CSS séparément dans un fichier CSS, puis à le lier dans le code source sous forme de lien. Son avantage est qu'il peut être appelé non seulement sur cette page, mais aussi sur d'autres pages. C'est le formulaire le plus couramment utilisé

2 Style interne (style intégré)

S'il s'agit d'un style interne, il peut également l'être. utilisé dans < Écrivez

<style type="text/css">
h3 { color:#f00;}
</style>

dans /head>. Il se termine par Une telle feuille de style n'est valable que pour cette page. Il ne peut pas être appliqué à d'autres pages.

3. Style en ligne

Vous pouvez également écrire des styles CSS directement sur la balise html

<p style="font-size:18px;">内部样式</p>

Ce type de style marqué avec style dans la balise est un style en ligne qui n'est efficace que pour les éléments de la balise, car ils le sont. n'est pas lié au contenu séparé, son utilisation n'est donc pas recommandée.

4. Style d'importation

@import url("public.css");

Un style importé est une feuille de style externe liée à la balise url @import. Elle est généralement utilisée à l'intérieur d'une autre feuille de style. Si index.css est le style utilisé sur la page d'accueil, alors nous pouvons mettre les styles publics nécessaires globalement dans un fichier public.css, puis utiliser

@import url("/public.css") dans index.css

Liez les styles globaux sous la forme de

, ce qui rend le code hautement réutilisable. 【Apprentissage recommandé :

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!