Escolar Documentos
Profissional Documentos
Cultura Documentos
Fontanet Rémy
Vinay Julien
• Introduction
• I - Présentation des feuilles de style
• II - Exemple d’utilisation
• III - Avantages / Inconvénients
• IV - Technologies concurrentes
• Conclusion
I - Présentation des feuilles de style
Principes
•Séparation du contenu et de la présentation
•Personnalisation possible
Différentes versions
•1996 : Cascading Style Sheet(CSS) : Définition d'un ensemble de
règles de présentation
•2000 : CSS3
I - Présentation des feuilles de style
Hiérarchie (cascading)
•Le rédacteur définit ses styles (sa mise en page)
•Le lecteur peut définir ses préférences,
•Le client (avec ses particularités : navigateur, synthèse de parole...)
interprète les styles ==> conflits possibles
• Caractéristiques du Texte :
- Couleur (texte, fond d'écran)
- Police de caractères (famille, taille, style...)
- Espacement (lettres, mots...)
• Positionnement :
- Définition de rectangles ("boxes") avec marges, hauteur, largeur...
I - Présentation des feuilles de style
• Catégorie d'affichage :
- en ligne comme du texte italique
- dans un bloc comme un titre H1 ou un paragraphe
- dans une liste(position, images, types...)
Le Langage
• Les interfaces
• Les sélecteurs
• Les propriétés
• Les unités
II – Exemple d’utilisation
Avantages
• Séparation du style et du contenu
Inconvénients
• Plusieurs versions : CSS1, CSS2, …
- première version CSS1 avec beaucoup de lacunes
- parfois des actions inverses entre CSS1 et CSS2