Quelles sont les méthodes d'introduction des feuilles de style CSS ?

青灯夜游
Libérer: 2021-06-08 14:33:35
original
5411 Les gens l'ont consulté

Méthode : 1. Ajoutez le style CSS à l'attribut style dans la balise element ; 2. Ajoutez le style CSS à la paire de balises style dans la partie d'en-tête du document ; css", importé à l'aide de l'instruction "".

Quelles sont les méthodes d'introduction des feuilles de style CSS ?

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

Trois feuilles de style CSS

Selon la position où le style CSS est écrit (ou la manière dont il est introduit), les feuilles de style CSS peuvent être divisées en trois catégories suivantes :

  • Feuille de style en ligne (inline)

  • Feuille de style interne (intégrée)

  • Tableau de style externe (lié)

1. Feuille de style en ligne

Le format de syntaxe de la feuille de style en ligne est le suivant :

<div style="color: blue; font-size: 16px;">测试</div>
Copier après la connexion

Remarque :

  • Les feuilles de style en ligne définissent les styles CSS dans l'attribut style à l'intérieur des balises d'élément et ne conviennent que pour modifier des styles simples

2. Feuille de style interne

Le format syntaxique de la feuille de style interne est le suivant :

<style>
div {
color: blue;
font-size: 16px;
}
</style>
Copier après la connexion

Remarque :

  • Style interne Le tableau extrait tout le code CSS et le place dans une balise