Maison > interface Web > tutoriel CSS > Quels sont les types de feuilles de style de calque CSS ?

Quels sont les types de feuilles de style de calque CSS ?

青灯夜游
Libérer: 2023-01-03 09:24:47
original
6507 Les gens l'ont consulté

Il existe trois types de feuilles de style de calque CSS : 1. Feuille de style en ligne, qui utilise l'attribut style pour écrire le style dans la balise HTML ; 2. Feuille de style interne, qui écrit le code de style dans le " ;

Exemple :

<style type="text/css">
body {
background-color: #F5F5F5;
color: #555;
font-size: 1.1em;
font-family: &#39;Helvetica Neue&#39;, Helvetica, Arial, sans-serif;
}
</style>
Copier après la connexion

peut également être située n'importe où dans la balise Peut apparaître plusieurs fois. Habituellement, la structure est écrite dans la section ... La particularité de cette façon d'introduire le CSS est que le code CSS de chaque page peut être unifié et planifié. Il est facile à réutiliser et à maintenir au sein d'une page, mais la réutilisation du code CSS entre plusieurs pages n'est toujours pas suffisante.

[Tutoriel recommandé : Tutoriel vidéo CSS ]

Feuille de style externe (fichier .css) :

css Le code est écrit dans un fichier externe distinct. Ce fichier de style CSS a une extension ".css". Utilisez la balise dans la balise file to Dans le fichier HTML, le code suivant est le suivant :

<link href="base.css" rel="stylesheet" type="text/css" />
Copier après la connexion
  • rel="stylesheet" fait référence au style associé entre link et href comme fichier de feuille de style

  • type="text/css" signifie que le type de fichier est un texte de feuille de style

Remarque :

1. du fichier de style CSS doit être en lettres anglaises significatives. Nommez-le, tel que main.css.

2. rel="stylesheet" type="text/css" est une méthode d'écriture fixe qui ne peut pas être modifiée.

3. La position de la balise est généralement écrite dans la balise

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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