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