// Style. 1,
feuille de style_____

à jour le
16 mars 2007

Eric Pichon  

 

suite...voir lien en bas de page

Utilisation d'une feuille de style externe (CSS)

Les feuilles de style permettent de définir de façon plus précise et plus souple l'apparence des pages de votre site.

En créant une feuille de style externe (ou plus) contenant les spécifications de mise en forme propre à tout le site :

  • vous garantirez l'homogénéité de celui-ci ("charte graphique");

  • le jour ou vous souhaiterez rafraichir l'apparence de votre site (la police et la couleur de vos titres, l'apparence des liens hypertextes, voire l'image d'arrière plan de vos pages, etc.), il suffira de changer les spécifications de style dans ce petit fichier !

  • une même page pourra s'afficher avec plusieurs styles différents selon le "media" (écran, imprimante, navigateur vocal,...)

Fichier .css

La feuille de style externe est en fait un simple fichier texte (que l'on peut créer avec un éditeur de texte mais en l'enregistrant avec une extension .css) contenant les spécifications de mise en forme.

Cette "feuille de style" permettra notamment :


Application sur les pages du site

La feuille de style doit être enregistrée dans le dossier contenant le site (de préférence au premier niveau).

Pour que la feuille de style soit prise en compte sur une page, cette dernière doit l' "appeler" à l'aide de la balise link placée dans l'en-tête :

par exemple, si la feuille de style s'appelle style.css et se trouve dans le même répertoire que le fichier qui l'appelle :

<head>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
...
</head>

Pour info., on peut proposer des feuilles de style alternatives link rel="alternate stylesheet" ou différentes selon le "media" media=print. cf "accessibilité"

suite  syntaxe  
retour en haut de la page

Vous pouvez créer vos styles à l'aide du "Générateur" de Trucsweb
ou avec un logiciel comme Top Style Lite

Creative Commons.. BY:NC:SA: -Paternité : ce site peut être reproduit et distribué à condition que l'auteur initial, eric pichon, soit cité.- Non commercial : aucune adaptation, reproduction ou utilisation de ce site ne peut être faite à des fins commerciales, sans accord de l'offrant ('licensor') - Partage à l'identique : des adaptations de ce site ne peuvent être diffusées que sous une autorisation identique. A chaque réutilisation ou distribution, vous devez faire apparaître clairement aux autres les conditions contractuelles de mise à disposition de cette création.

retour en haut de la page - une autre page >