C'est quoi le CSS ?

A quoi sert le CSS ?

CSS est l'acronyme de Cascading Style Sheets qu'on pourrait traduire en français par feuilles de style en cascade.

Pour faire simple le CSS permet de gérer tout le style, le visuel, les animations, etc. d'une page web. Le CSS agit sur des éléments HTML.

On peut intégrer le CSS de deux façons. Directement sur l'élément HTML ou mettre son CSS dans un fichier à part que l'on inclut.

Exemple :

CSS dans un élément HTML (utilisation de l'attribut style)

<div style="background:#34495e; 
  color:white;
  border: 2px solid #bdc3c7;
  text-align:center;
  padding:5px;
  font-weight:bold">Mon exemple</div>

Exemple :

CSS dans un élément HTML (utilisation de le balise style)

<style>
  .maclasse{
    background:#34495e; 
    color:white;
    border: 2px solid #bdc3c7;
    text-align:center;
    padding:5px;
    font-weight:bold
  }
</style>

<div class="maclasse">Mon exemple</div>

Il est conseillé de séparer les informations, le code HTML d'un côté et le CSS de l'autre.