Le langage CSS

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>