Quels sont les types de feuilles de style CSS ?

Il existe trois types de feuilles de style CSS : 1. Feuille de style en ligne, qui met le style CSS directement dans la balise au sein de la ligne de code via l'attribut style 2. Feuille de style interne, qui met le style CSS dans le " ;

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

Un ou plusieurs styles CSS peuvent former une feuille de style. Les feuilles de style comprennent les feuilles de style en ligne, les feuilles de style internes et les feuilles de style externes. Elles sont toutes composées d'un ou plusieurs styles.

1. Feuille de style en ligne

Le style en ligne consiste à mettre le style CSS directement dans la balise dans la ligne de code, généralement dans l'attribut style de la balise. , c'est le moyen le plus direct, mais aussi le style le plus gênant à modifier.

Exemple :

<p style="background-color: #999900">行内元素，控制段落-1</p>
<h2 style="background-color: #FF6633">行内元素，h2 标题元素</h2>
<p style="background-color: #999900">行内元素，控制段落-2</p>
<strong style="font-size:30px;">行内元素，strong 比 em 效果要强</strong>
<div style="background-color:#66CC99; color:#993300; height:30px; line-height:30px;">行内元素，div 块级元素</div>
<em style="font-size:2em;">行内元素，em 强调</em>

2. Feuille de style interne

La feuille de style interne est contenue dans la balise

Si un document Web contient plusieurs balises

Exemple :

<style type="text/css">
p{
    text-align: left;  /*文本左对齐*/
    font-size: 18px;  /*字体大小 18 像素*/
    line-height: 25px;  /*行高 25 像素*/
    text-indent: 2em;  /*首行缩进2个文字大小空间*/
    width: 500px;  /*段落宽度 500 像素*/
    margin: 0 auto;  /*浏览器下居中*/
    margin-bottom: 20px;  /*段落下边距 20 像素*/
}
</style>

3. Feuille de style externe

Si le style CSS est placé dans un fichier en dehors du document de page Web, on l'appelle une feuille de style externe. Un document de feuille de style CSS représente un style externe. feuille.

En fait, une feuille de style externe n'est qu'un fichier texte avec l'extension .css. Lorsque vous copiez le code de style CSS dans un fichier texte et que vous l'enregistrez en tant que fichier .css, il s'agit d'une feuille de style externe.

Comme le montre la figure ci-dessous, il s'agit d'une feuille de style externe

Vous pouvez définir l'encodage des caractères du code source CSS en haut du fichier de feuille de style externe. Par exemple, le code suivant définit le codage des caractères du fichier de feuille de style comme chinois simplifié.

@charset "gb2312";

Si vous ne définissez pas l'encodage des caractères du fichier CSS, vous pouvez conserver les paramètres par défaut et le navigateur analysera le code CSS en fonction de l'encodage des caractères du fichier HTML.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

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!