Découverte du CSS

Le CSS (Cascading Style Sheets) décrit la présentation des documents HTML et XML. Il est normalisé par le W3C. Il permet aussi d'adapter les pages aux différents navigateurs, site RWD (Responsive Web Design).

Le CSS existe depuis les début du web mais la mise en forme était quasiment toujours obtenue grâce à des attributs des balises HTML. Depuis les années 2000 et le HTML4, il est recommandé de ne plus les utiliser et de passer par le CSS.

Aujourd'hui la référence devient la version CSS3.

Référence

Référence du langage sur w3schools

Cours sur le HTML et le CSS sur OpenClassrooms

Page officielle du CSS sur le site du W3C

Validateur de feuille CSS sur le site du W3C

Les commandes

Elles sont de la forme “type_de_mise_en_forme: valeur_de_mise_en_forme;”. Des commentaires peuvent être insérés :

Ils commencent par // et se terminent à la fin de la ligne

Ils commencent par /* et se terminent par */

L'élément à mettre en forme (balise généralement) peut dépendre d'un autre, appartenir à une catégorie (“class”) ou être unique (“id”). Elles peuvent être incluses :

dans la balise

<h1 style='color: red; font-size: 24pt;'>

dans la page avec la balise <style> et regroupées par bloc

<style> /*Je suis un commentaire qui commente le code et qui ne fait rien*/ body{ background-color: green; } p{ color: red; // Commentaire pour couleur rouge font-size: 20px; } ul.menu{ border: 5px solid red; } </style>

Dans un fichier séparé (à utiliser de préférence) dont le contenu est identique à celui de la balise <STYLE>. Le fichier HTML doit contenir dans l'entête :

... <link rel='stylesheet' href='nom_feuille_de_style.css' type='text/css' /> ...
/*Je suis un commentaire qui commente le code et qui ne fait rien*/ body{ background-color: green; } p{ color: red; // Commentaire pour couleur rouge font-size: 20px; } ul.menu{ border: 5px solid red; }

Activités

Création d'un premier site avec CSS