Maison > interface Web > tutoriel CSS > Quelles sont les quatre façons d'introduire le CSS ?

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

王林
Libérer: 2020-05-15 09:12:31
avant
7384 Les gens l'ont consulté

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

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

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

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

@import est utilisé en CSS, comme suit :

@import url(style.css);
Copier après la connexion

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!

Étiquettes associées:
source:jb51.net
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