Maison > interface Web > tutoriel HTML > Comment introduire le CSS dans la zone head

Comment introduire le CSS dans la zone head

青灯夜游
Libérer: 2021-07-02 16:26:04
original
3855 Les gens l'ont consulté

Méthode d'introduction : 1. Utilisez la balise de style pour introduire la syntaxe "" 2. Utilisez le lien pour introduire la syntaxe "".

Comment introduire le CSS dans la zone head

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

Il existe deux manières d'introduire le CSS dans la zone head :

  • Feuille de style interne - définie avec la balise de style

  • Feuille de style externe - introduite avec la balise de lien

1. - Définir avec la balise style

Écrivez le code css dans la balise head du document HTML, et définissez-le avec la balise style. Le format de la syntaxe de base est le suivant :

<head>  
<style type="text/css"> 
css代码
</style> 
</head>
Copier après la connexion

Dans la syntaxe, la balise style se trouve généralement. après la balise head, ou il peut la placer n'importe où dans votre document HTML.

Le format général du code CSS :

css选择器{ 
  属性:值;
  属性:值;
  .....
}
Copier après la connexion

2. Feuille de style externe - introduite avec la balise de lien

Mettez tous les styles dans un ou plusieurs fichiers de feuille de style externe avec CSS comme extension, via le lien La balise liens styles externes au document HTML. Son format de syntaxe de base est le suivant :

<link rel="stylesheet" type="text/css" href="css文件路径" />
Copier après la connexion
  • attribut rel : définit la relation entre le document actuel et les autres documents liés « feuille de style » signifie : le document lié est un fichier de feuille de style

  • .
  • Attribut href : définit l'URL du fichier de feuille de style externe lié, qui peut être un chemin relatif ou un chemin absolu

(Partage vidéo d'apprentissage : tutoriel vidéo CSS, tutoriel vidéo 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!

É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