CSS

CSS (Cascading Style Sheets) ou "feuille de style en cascade".

CSS permet de mettre en forme des pages web.

Trois façons de déclarer du CSS :

1. Dans le HEAD : <style> body { background-color: silver; } <style>

2. Dans le BODY : <p style="color:red;">Truc</p> exemple: Truc

3. En créant un fichier mon_style.css

Ajoutez dans le HTML l'emplacement du fichier CSS entre les balises HEAD
<link href="mon_style.css rel="stylesheet">

Dans le fichier mon_style.css :
Commentaires : */ Je suis un commentaire /*

Entourez un élément ex: strong { border: 1px solid blue;} exemple: Machin

C'est la solution 3 que nous allons adopter en créant un fichier CSS

mon_fichier.html

<!DOCTYPE html> <html lang="fr"> <HEAD> <meta charset="utf-8"> <link href="mon_style.css" rel="stylesheet"> </HEAD> <BODY> <strong>Machin</strong> <P><vert>Coucou</vert> <marron>Truc</marron> <P>Lien : <a href="https://www.linux.bzh">vers dada</a> </BODY> </html>

mon_style.css

body { background-color: Chartreuse; font-family: Verdena; font-size: 100%; } strong { border: 1px solid blue;} vert { color: green; } marron { color: #D2691E; } /* lien non visite - sur le lien - deja visite */ a:link { color: blue; text-decoration: underline; } a:hover { color: green; text-decoration: none; } a:visited { color: blue; text-decoration: none;}

Machin

Coucou Truc

Lien : vers dada

Ma balise BODY est simplifiée car elle est définie par le fichier CSS : La couleur du fond et la police de caractères. La balise strong est cadrée.
Des balises sont créées pour définir la couleur du texte : vert et marron. La couleur des liens.

Le fichier CSS est disponible pour tous vos fichiers HTML sur ce répertoire.