[Notes CSS 2] Connaissance de base des styles CSS

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>

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">

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>

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 080b747a20f9163200dd0a7d304ba388531ac245ce3e4fe3d50054a55f265927 Par exemple, le code suivant définit le texte de toutes les balises 45a2772a6b6107b401db3c9b82c049c2 en rouge :

<style type="text/css"> span{ color:red; } </style>

Le style CSS intégré doit être écrit entre c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927 et Généralement, les styles CSS intégrés sont écrits entre 93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1.
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 2cdf5bf648cf2f33323966d7f58a7f3f dans la balise 93f0f5c25f18dab9d176bd4f6de5d30e (et non dans la balise c9ccee2e6ea535a969eb3f532ad9fe89) pour lier le fichier de style CSS au fichier HTML, comme indiqué dans le code suivant :

<.>

<link href="base.css" rel="stylesheet" type="text/css" />

Remarque :

les noms de fichiers de style CSS sont nommés avec des lettres anglaises significatives, telles que main.css.

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

rel est utilisé pour définir la relation entre le fichier lié et le document HTML. Feuille de style signifie appel de style. La position de la balise

2cdf5bf648cf2f33323966d7f58a7f3f

4. Priorité des trois styles

Sous le même poids, le style en ligne a la plus haute priorité. Les

intégrés et externes sont divisés selon le principe de proximité (plus l'élément à définir est proche, plus la priorité est élevée).

Ce qui précède est le contenu de [CSS Notes 2] connaissances de base des styles CSS. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php.cn) !