BlueGEEK Journal

Accueil > Manip’s > CSS > 1- Feuilles de style Philosophie

CSS

1- Feuilles de style Philosophie

Portée du Style

dimanche 1er janvier 2006, par bluegyn_spip


FEUILLES DE STYLE

Philosophie

Les feuilles de style désignent l'outil d'enrichissement de la présentation d"une page web,
La mise en page en quelque sorte

On parle plus génériquement de STYLE tout simplement
L'acronyme qui les résume est CSS pour "Cascading Style Sheet" ou Feuille de Style en Cascade
La cascade désigne qu'une règle énoncée de style s'appliquera AUTOMATIQUEMENT à tous les objets sous jacents concernés par sa portée.

Il me semble après avoir tenté d'en comprendre le principe qu'il faut commencer par décrire ce qu'on appelle LA PORTEE dans un document

C'est un peu pour les médecins comme les 3 stades d'une maladie
  • Stade Local d'abord
  • Stade Régional ensuite
  • Stade Général enfin.
La portée Générale d'un STYLE est le DOCUMENT
  • Le document désignant en langage technique toute la page WEB du début à la fin
La portée Régionale désigne le PARAGRAPHE
  • Le document unique possède plusieurs paragraphes séparés par des sauts de lignes
  • On peut parler aussi de chapitre, ou de rubrique
  • Les 2 caractéristiques essentielles du paragraphe sont que :
  • 1- Le paragraphe n'affiche rien s'il ne contient rien, on parle de conteneur
  • 2- Le paragraphe est isolé du document par un saut de ligne avant et un saut de ligne après
  • C'est donc un élément de RUPTURE DE LA CONTINUITE DU DOCUMENT
La portée locale désigne la LIGNE 
  • Chaque PARAGRAPHE comporte une ou plusieurs lignes
Comme toute règle il existe des exceptions
Certaines balises de portée locale, se comportent comme des paragraphes de portée Régionale
  • Elles s'affichent sur la page et ne peuvent rien contenir d'autre qu'elle même, cependant elles gênèrent automatiquement un saut de ligne
  • Toutes les balises de titre par exemple H1, H2 , H3 etc..., s'écrivent comme de lignes mais se comportent comme des paragraphes

SYNTAXE GENERIQUE D'UNE REGLE DE STYLE

Une règle de style s'écrit  comme une fonction
  • Un Nom Unique appelé SELECTEUR
  • Une Accolade Ouvrante
  • Une série de lignes séparées par des point virgules
    • Chaque ligne résultant de l'association d'un Nom et d'une Valeur
    • L'opérateur d'affection étant les 2 points
  • Une Accolade Fermante
<style type="text/css">
H1 {    color : blue ;  }
H2 {    color : red;    }
</style>



Pour visualiser les codes cliquez sur

- AFFICHER

  • SOURCES

WIKIPEDIA