🏠 Retour aux supports de cours

Définition

Le CSS (Cascading Style Sheets ou en français "Feuilles de style en cascade") est utilisé pour styliser et mettre en page des pages Web au format HTML - par exemple, pour modifier la police, la couleur, la taille et l'espacement de votre contenu.

La version actuelle, CSS3, est en usage depuis 2008.

Syntaxe

La syntaxe du CSS est basée sur des règles de styles destinées à des éléments ou des groupes d'éléments particuliers dans la page.

Cette règle est composée en deux partie, un sélecteur et une ou plusieurs déclarations.

/* commentaire */
sélecteur {
  propriété: valeur;
}

Une règle CSS est composée d'un sélecteur (qui fait référence à un élément HTML ou plusieurs), et d'une ou plusieurs déclarations qui lui sont assignées.

Chaque déclaration est quand à elle composée d'une propriété à laquelle on associe une valeur.

Dans l’exemple ci-contre on pourrait interpréter ce code en:

« Je veux que les balises “titre principal” <**h1>** s'affichent avec le texte en rouge et en grand caractères (30 pixels) »

h1 { 
  color: red;
	font-size: 30px;
}

Attention à la ponctuation

• Le sélecteur est toujours placé avant un {
• Toutes les déclarations sont insérées entre le caractère { et le caractère }
• la propriété et sa valeur sont séparée d'un :

Chaque ligne de la déclaration est terminée par un ;

HTML

<h1>Titre de 1er niveau</h1>
<p>
  Ceci est une <em>portion de...
</p>

CSS

h1 { 
  color: red;
  font-size: 30px;
}

Rendu

Une feuille de style CSS sera constituée d'une succession de telles règles qui contiendront elles-même une ou plusieurs déclarations