Quelles sont les quatre façons d'introduire le CSS ?

Les quatre façons d'introduire CSS sont : les styles en ligne, les styles en ligne, les styles de lien et les styles importés.

1. Style en ligne

Le plus direct et le plus simple, utilisez directement sur les balises HTML, par exemple :

<p style="color:#F00; "></p>

Inconvénients : les pages HTML ne sont pas pures. . La taille du fichier est volumineuse, ce qui n'est pas propice à l'exploration par les araignées, et une maintenance ultérieure n'est pas pratique.

(Tutoriel vidéo recommandé : Tutoriel vidéo CSS)

2. Style en ligne

Le style en ligne consiste à écrire du code CSS dans , et déclarez-le avec , par exemple :

<style type="text/css">
body,div,a,img,p{margin:0; padding:0;}
</style>

Avantages et inconvénients : La page utilise du code CSS public, qui doit être défini sur chaque page If a. Le site Web comporte de nombreuses pages, chaque fichier deviendra plus volumineux et la maintenance ultérieure sera difficile S'il y a peu de fichiers et peu de codes CSS, ce style est toujours très bon.

3. Style de lien

Le style de lien est le style le plus fréquemment utilisé et le plus pratique. Il vous suffit d'ajouter C'est tout, comme suit :

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

Avantages et inconvénients : il réalise la séparation complète du code du cadre de page et du code CSS de performance, ce qui rend la pré-production et la post-maintenance très pratiques

4. Importer des styles (non recommandé)

Le style d'importation est similaire au style de lien. Utilisez le style @import pour importer la feuille de style CSS. Lors de l'initialisation HTML, elle sera importée dans le fichier HTML ou CSS et fera partie du fichier. fichier, similaire au second, un style en ligne.

@import est utilisé en html, comme suit :

<style type="text/css">
@import url(style.css);
</style>

@import est utilisé en CSS, comme suit :

@import url(style.css);

Tutoriel recommandé : démarrage rapide css

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!