BlueGEEK Journal

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 bluegyn_spip

- 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



LA FEUILLE DE STYLE UTILISEE

Messages

  • Est il possible de mettre une feuille de style unique pour tous les dossiers du projet ?

    - 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