" ; ; 3. Table de style externe, écrivez le code de style dans un fichier ".css" séparé, référencé à l'aide de la balise ""."/> " ; ; 3. Table de style externe, écrivez le code de style dans un fichier ".css" séparé, référencé à l'aide de la balise "".">

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

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

青灯夜游
青灯夜游original
2021-02-23 16:11:496377parcourir

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 " ; c9ccee2e6ea535a969eb3f532ad9fe89" Alignement de la balise ; 3. Feuille de style externe, écrivez le code de style dans un fichier ".css" séparé, utilisez la balise "2cdf5bf648cf2f33323966d7f58a7f3f" pour référencer

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

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur Dell G3.

CSS, Cascading Style Sheets, est un langage informatique utilisé pour exprimer des styles de documents tels que HTML ou XML. Les styles CSS incluent principalement les trois types suivants :

1. Feuille de style en ligne (style en ligne)

Utilisez l'attribut style pour écrire le style dans la balise HTML.

<标签 style="属性:属性值;属性:属性值;"></标签>

Comme le code suivant :

<p style="color:red;font-size:12px">这里文字是红色。</p>

2. Feuille de style interne :

Écrivez le code de style sur la pagec9ccee2e6ea535a969eb3f532ad9fe89.. .531ac245ce3e4fe3d50054a55f265927

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>

c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927 peut également être située n'importe où dans la balise 6a74014ee44f5deb5894267f99b68016 Peut apparaître plusieurs fois. Habituellement, la structure c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927 est écrite dans la section 93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1 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 2cdf5bf648cf2f33323966d7f58a7f3f dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e file to Dans le fichier HTML, le code suivant est le suivant :

<link href="base.css" rel="stylesheet" type="text/css" />
  • 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 2cdf5bf648cf2f33323966d7f58a7f3f est généralement écrite dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e

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!

Déclaration:
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