Feuilles de style css Les feuilles de style CSS Fontanet Rémy Vinay Julien Istase Décembre CIntroduction ? Utilisation des styles dans les logiciels qui manipulent du texte traitement de texte tableur et logiciel de mise en page ? Pour que le HTML ne fass
Les feuilles de style CSS Fontanet Rémy Vinay Julien Istase Décembre CIntroduction ? Utilisation des styles dans les logiciels qui manipulent du texte traitement de texte tableur et logiciel de mise en page ? Pour que le HTML ne fasse plus exception à la règle le W C lui a rajouté cette fonctionnalité sous forme d'un complément appelé feuilles de style en cascade en anglais Cascading Style Sheets CSS CPlan ? Introduction ? I - Présentation des feuilles de style ? II - Exemple d ? utilisation ? III - Avantages Inconvénients ? IV - Technologies concurrentes ? Conclusion CI - Présentation des feuilles de style Principes ? Séparation du contenu et de la présentation ? Présentation uniforme d'un ensemble de documents ? Personnalisation possible ? Adaptation à divers médias écran impression audio ? Plusieurs versions CSS CSS CSS CI - Présentation des feuilles de style Di ?érentes versions ? Cascading Style Sheet CSS Dé ?nition d'un ensemble de règles de présentation ? CSS nouvelle version plus précise plus e ?cace plus complète tableaux di ?érents médias ? CSS CI - Présentation des feuilles de style Hiérarchie cascading ? Le rédacteur dé ?nit ses styles sa mise en page ? Le lecteur peut dé ?nir ses préférences ? Le client avec ses particularités navigateur synthèse de parole interprète les styles con its possibles ? Solution cascading càd algorithme de choix basé sur la notion de priorité niveau de dé ?nition particularités A priorité égale le rédacteur l'emporte mais le lecteur peut ?xer une priorité importante CI - Présentation des feuilles de style ? Caractéristiques du Texte Couleur texte fond d'écran - Police de caractères famille taille style - Espacement lettres mots ? Positionnement Dé ?nition de rectangles boxes avec marges hauteur largeur CI - Présentation des feuilles de style ? Catégorie d'a ?chage en ligne comme du texte italique - dans un bloc comme un titre H ou un paragraphe - dans une liste position images types ? Caractéristiques liées aux di ?érents médias Styles adaptés à une restitution audio - Dé ?nition de mise en page pour impression CI - Présentation des feuilles de style Le Langage ? Les interfaces ? Les sélecteurs ? Les propriétés ? Les unités CII ?? Exemple d ? utilisation Comment intégrer les feuilles de styles ? L'instruction style en tant qu'élément CII ?? Exemple d ? utilisation ? constituée d'un ensemble de règles précisant la manière de présenter une page web ? chaque règle est constituée d'un sélecteur suivi d'un bloc de déclarations Le sélecteur précise la portion de texte à laquelle s'appliquent les déclarations ? chaque déclaration est ? ? ? ? constituée d'un identi ?cateur suivi d'une valeur L'identi ?cateur décrit la propriété concernée ex taille des caractères et la valeur dé ?nit la grandeur attribuée à l'identi ?cateur ex pts CII ?? Exemple d ? utilisation CII ?? Exemple d ? utilisation CII ?? Exemple d ? utilisation CIII ?? Avantages Inconvénients Avantages ? Séparation du style et du contenu
Documents similaires
-
31
-
0
-
0
Licence et utilisation
Gratuit pour un usage personnel Attribution requise- Détails
- Publié le Dec 11, 2021
- Catégorie Creative Arts / Ar...
- Langue French
- Taille du fichier 29.8kB