Maison > interface Web > tutoriel CSS > [Notes CSS 2] Connaissance de base des styles CSS

[Notes CSS 2] Connaissance de base des styles CSS

黄舟
Libérer: 2016-12-29 13:46:54
original
1413 Les gens l'ont consulté

1. Styles CSS en ligne, écrits directement dans les balises HTML existantes
Où les styles CSS peuvent-ils être écrits ? Du point de vue de la forme d'insertion de code de style CSS, il peut être essentiellement divisé en trois types suivants : en ligne, intégré et externe.

La feuille de style CSS en ligne consiste à écrire le code CSS directement dans la balise HTML existante, comme le code suivant :

<p style="color:red">这里文字是红色。</p>
Copier après la connexion

Notez qu'il doit être écrit dans la balise de début du élément, comme suit Cette façon d'écrire est incorrecte :

<p>这里文字是红色。</p style="color:red">
Copier après la connexion

et le code de style CSS doit être écrit entre guillemets doubles S'il existe plusieurs paramètres de code de style CSS, ils peuvent. être écrit ensemble, avec une pause au milieu, le numéro est séparé. Le code suivant :

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

2. Style CSS intégré, écrit dans le fichier actuel
Les styles en ligne ne peuvent être modifiés qu'un par un, tandis que les styles intégrés peuvent définir les styles de plusieurs textes à la fois.
Le style CSS intégré signifie que le code de style CSS peut être écrit entre les balises Par exemple, le code suivant définit le texte de toutes les balises en rouge :

<style type="text/css"> span{ color:red; } </style>
Copier après la connexion

Le style CSS intégré doit être écrit entre et Généralement, les styles CSS intégrés sont écrits entre

.
3. Style CSS externe, écrit dans un fichier séparé
Le style CSS externe (également appelé style externe) consiste à écrire le code CSS dans un fichier externe séparé. Ce fichier de style CSS commence par ".css". Utilisez la balise dans la balise (et non dans la balise