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

Comment introduire le CSS dans la zone head

Jul 02, 2021 pm 04:19 PM
css head html

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>

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选择器{ 
  属性:值;
  属性:值;
  .....
}

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文件路径" />
  • 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!

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

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Stock Market GPT

Stock Market GPT

Recherche d'investissement basée sur l'IA pour des décisions plus intelligentes

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quelle est la différence entre la marge et le rembourrage dans CSS Quelle est la différence entre la marge et le rembourrage dans CSS Sep 26, 2025 am 01:48 AM

PaddingisthspaceInsideanElement est le meilleur, affectant le terrain de dossier et les contentements, tandis que les cartans de préparation desparents de l'espace pour mieux, créant une proportion de la partage.

Quel est le doctype en html Quel est le doctype en html Sep 26, 2025 am 05:43 AM

La réponse est de déclarer des types de documents HTML5, garantissant que le navigateur rend la page en mode standard. Il empêche le navigateur de pénétrer le mode Quirks et assure la cohérence entre les navigateurs. Doctype de HTML5 est concis et insensible à la casse, et convient à tout le développement Web moderne. L'ancienne version de Doctype est obsolète et n'est utilisée que lors de la maintenance des anciens sites Web. De nouveaux projets doivent toujours être utilisés.

Comment désactiver la forme automatique de la forme en HTML? Comment désactiver la forme automatique de la forme en HTML? Sep 26, 2025 am 12:08 AM

UsautoComplete = "OFF" onTheformorInputFieldStodisableAutoComplele.2.ForPasswordFields, useAutoComplete = "new-password" .3.browserbehaviormayvary; testAccordly.

Comment empêcher le texte de l'envelopper dans CSS? Comment empêcher le texte de l'envelopper dans CSS? Sep 26, 2025 am 12:44 AM

Usewhite-space: NowRaptOpRoPreventTextWappingInS.ApplyittoanyElementTokeEpTexTonAsingLeline; combinewithoverflow: HiddenandText-Overflow: ellipsistohandleoverflowgrace.

Comment changer la taille de la police en HTML Comment changer la taille de la police en HTML Sep 26, 2025 am 01:52 AM

Utilisez l'attribut de taille de police de CSS pour contrôler de manière flexible la taille de police HTML, prendre en charge les feuilles de style interne et externe en ligne, et il est recommandé d'utiliser des fichiers CSS externes pour atteindre la gestion unifiée de plusieurs pages, et sélectionner des unités telles que PX, EM, REM ou% en fonction des besoins de conception.

Comment rendre un texte audacieux en html? Comment rendre un texte audacieux en html? Sep 26, 2025 am 05:18 AM

UseForimportantText withSeMantMeaning, 2.UsorForvisualBolding withithoutImportance, 3.USECSSFONT-WEIGHTFORDESIGNCONTROL; ChooseBasedOnpurpose.

Comment ajouter un espace non révolutionnaire en HTML? Comment ajouter un espace non révolutionnaire en HTML? Sep 26, 2025 am 06:57 AM

Utilisez Toaddanon-BreakingSpaceInHTML, empêchant les brise-fois et les espaces de paires de mots comme "Mr.smith" orinmeasurements comme "10kg", assurant la propriété de la propriété.

Quelle est la propriété CSS qui changera la propriété et quand l'utiliser Quelle est la propriété CSS qui changera la propriété et quand l'utiliser Sep 26, 2025 am 02:57 AM

Will-changeisacsspropertythathinsbrowserseboutupterchangestooptimezerendering.

See all articles