Introduction sur le langage CSS

C'est quoi le CSS

Le langage CSS (Cascading Style Sheets) est utilisé pour définir l'aspect futur de votre site, comme par exemple la couleur du fond de la page ou le type de police.

Plus concrètement, le CSS (ou feuille de style), c'est un petit fichier (exemple "style.css") dans lequel vous allez d'finir l'aspect futur de votre site.

Pourquoi utiliser le CSS ?

La structure et la présentation sont gérées séparément

En effet, vous pouvez modifier les couleurs, polices de caratères directement dans le fichier CSS et la structure (texte, images) directement dans la page HTML.

Il facilite la portabilité du contenu

Une fois le contenu HTML correctement mis en place, il devient facile de changer l'apparence de son site.

Le code HTML est réduit en taille et en complexité.

Pour le référencement, c'est un grand plus : Les feuilles de styles simplifies le code HTML et améliore la vitesse de chargement de la page.

Exemple concret ?

Je souhaite le fond de mes pages en gris.
Si j'ai un site de 5 pages, je vais répéter 5 fois :

En HTML simple :

<body bgcolor="#CCCCCC">

Je vais mettre dans mon fichier CSS (exemple :style.css)

body { background-color: #CCCCCC; }

Si un jour je souhaite modifier la couleur de mes pages, avec le CSS, j'ai un seul fichier a modifier, avec HTML 5 ! CQFD

Avant de rentrer dans les détails, voyons d'autres raisons d'apprendre le langage CSS

Ce site traite du : style css, appelé aussi feuilles de style ou CSS