Accueil > Programmes > Projets PHP pour Sites WEB > Charlemagne > 1- Le Projet (Mise en place / Discussion) > 1- Ebauche du Projet en HTML > 5- Associer une feuille de style à une Page WEB
CSS
5- Associer une feuille de style à une Page WEB
dimanche 11 avril 2010, par
Associer une feuille de style CSS à une page WEB, permet de dissocier la présentation et les données,
Si 100 pages WEB utilisent la même feuille de style, la modification d’une seule ligne du style de cette feuille, se répercutera immédiatement dans les 100 pages concernées
- C’est la définition du CSS ou "Cascade"
Pour lier une feuille et une page il suffit de déposer la balise
LINK
Dans la section HEAD du document
Ici la feuille de style s’appelle "FEUILLE_STYLE.CSS"
Dans cet exemple simple, la redéfinition de la balise BODY, permet de colorer automatiquement toutes les pages reliées en BLEU.
L’utilisation de TOPSTYLE-LITE intégré dans PSPAD permet très facilement d’argumenter les propriétés de chaque OBJET.
=>Exemple du Projet HTML avec Feuille de style
Messages
1. 5- Associer une feuille de style à une Page WEB, 14 avril 2010, 09:46, par BlueGYN
On peut placer une feuille de style dans chaque dossier, ou choisir une seule feuille pour tous les dossiers
Il suffit pour se faire d’argumenter correctement le chemin de la feuille unique dans la balise LINK
Si la feuille est dans un sous dossier commun
<link rel="stylesheet" type="text/css" href="../feuille_style.css">
Le mieux pour une feuille de style globale est de la placer à la racine du site, ou dans un dossier à la racine du site
<link rel="stylesheet" type="text/css" href="http//monsite.fr/mesfeuilles/feuille_style_commune.css">
Voir dans le chapitre Projet PHP comment calculer automatiquement la racine sans connaitre le nom du site