Le CSS permet de concevoir le design de votre site web. Le CSS agit sur des éléments HTML.
On peut intégrer le CSS de deux façons :
- Directement sur les éléments de votre HTML,
- Mettre le CSS dans un fichier au format .css que l'on inclura aux page .html à l'intérieur de la balise
<head>.
Pour vous montrez au mieux voici 2 exemples montrant comment exploiter et utiliser le CSS.
Exemple 1 : Utilisation du CSS dans du HTML (utilisation de l'attribut style)
<div style="color: red">
Mon exemple
</div>
Exemple 2 : Utilisation du CSS depuis un fichier .css qui est inclut dans une page .html
Fichier : style.css
.maclasse1{
color: white;
}
#maclasse2{
color: red;
}
p{
color: purple;
}
Fichier : index.html
<div class="maclasse1">
Mon texte sera blanc
</div>
<div id="maclasse2">
Mon texte sera rouge
</div>
<p>
Mon texte sera violet
</p>