Feuilles de style CSS

Pour rendre votre site harmonieux et surtout le maintenir de la façon la plus souple possible, il est préférable de recourir aux feuilles de style CSS (Cascading Style Sheet).

Ce mode opératoire dans la réalisation de votre site vous permettra ainsi de :

faire une mise en page commune à toute une série de pages,
modifier le style de vos titres, vos paragraphes, vos listes,
définir des classes pour chacun des éléments constitutifs de vos pages,
insérer une image de fond,
de changer le style des liens pour enlever le traditionnel soulignement en bleu.

L'utilisation des CSS, surtout si ces paramètres sont placés dans des fichiers annexes aux pages HTML, vous permettra de modifier très rapidement l'allure de votre site sans pour autant devoir reprendre toutes les pages de contenus.

Un petit inconvénient cependant : le temps consacré à la création de la première feuille de style dû aux tatonnements pour trouver sa propre marque de fabrique.

Code pour inclure un fichier CSS dans une page HTML

<html>

<head>

<title>Mon titre</title>

</head>

<body>

... corps du document ...

</body>

</html>

La balise <link ...> comporte plusieurs attributs

rel="stylesheet" pour indiquer que le lien concerne une feuille de style
type="text/css" pour prendre en compte un document texte au format css
href="../css/texte.css" indique le chemin d'accès pour accéder au fichier css

Code du fichier CSS

Les fichiers ainsi créés ne comportent pas de balises <html>, <head> ou <body> mais seulement le code suivant (exemple pour la balise <p>).

Les fichiers doivent être enregistrés avec un type "document texte" avec une extension ".css".

Pour classer vos feuilles de style et pour garder une bonne organisation des fichiers constituant votre site, il est préférable de créer un répertoire spécifique.

p {

...attributs

}