Il existe trois types de styles CSS : 1. Le style en ligne, écrit dans l'attribut style de la balise HTML ; 2. Le style en ligne, écrit dans la balise style 3. Le style externe, écrit dans un " séparé ; .css ", il doit être introduit dans HTML à l'aide de la balise de lien ou de la règle "@import".
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
Il existe trois types de styles CSS : le style CSS en ligne, le style CSS en ligne et le style CSS externe (style externe).
1. Style en ligne (style intégré) : à l'intérieur de la structure , c'est-à-dire le style écrit dans la balise écrite dans la partie de début de la balise, dans l'attribut style.
<标记 style="样式的属性名1：样式的属性值1；属性名2：属性值2；......"></标记>
Exemple :
<div style="color:red"></div>
2. Style interne (style en ligne) : est écrit à l'intérieur de la page HTML, stocké dans la balise head, et le style est écrit en la balise de style.
<style>选择器 {属性名：属性值；属性名：属性值；......}</style>Exemple :
<style>
bdoy{font-size:14px;}
</style>3. Style externe (style externe) : écrit dans un fichier css.
Exemple :
(Partage vidéo d'apprentissage : tutoriel vidéo CSS, "tutoriel vidéo HTML》)
HTML a deux manières de référencer les fichiers CSS :
1), utilisez la balise link (style de lien)
Utilisez la balise link pour introduire directement le fichier au milieu de la page. Une page peut utiliser la balise LINK plusieurs fois pour introduire plusieurs fichiers CSS externes. Faites attention à l'influence mutuelle de ces codes CSS. Habituellement, les fichiers CSS introduits plus tard écraseront les mêmes effets que les fichiers CSS introduits précédemment. Cette méthode d'introduction de CSS est actuellement la plus populaire. Les codes CSS peuvent être planifiés dans le cadre de chaque site Web pour faciliter la réutilisation et la maintenance. Cependant, cela centralise fortement le code, et la quantité de code peut être trop importante, et c'est facile. se produire si elle n'est pas correctement entretenue.
<link rel="stylesheet" type="text/css" href="style.css">
2), utilisez @import (import)
Il existe deux façons d'utiliser @import pour introduire des fichiers CSS, l'une peut être placée dans la page
