Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Chap 3 1 A U Université Ibn Tofa? l Faculté des Sciences Département d ? Informatique Kénitra A U Prog Web Côté Client Filière SMI S Pr El B AMEUR Chap Feuilles de Styles en Cascades CSS SMI S FS-KENITRA CA U I Introduction Les feuilles de styles en casca

A U Université Ibn Tofa? l Faculté des Sciences Département d ? Informatique Kénitra A U Prog Web Côté Client Filière SMI S Pr El B AMEUR Chap Feuilles de Styles en Cascades CSS SMI S FS-KENITRA CA U I Introduction Les feuilles de styles en cascades CSS Cascading Style Sheet permettent de définir la présentation d ? un document web En particulier de contrôler les marges contrôler les polices des sections et du texte gérer les couleurs ? Déf La feuille de style est un modèle permettant la mise en forme automatisée des différentes parties d ? une page web Elle s ? applique sur les balises telles que Les titres ? Les paragraphes Les divisions Les liens ? etc ? Il est exit trois méthodes pour définir les styles Méthode Locale Consiste à utiliser à l ? intérieur du un style appliquer à des éléments HTML d'une page web tel que les titres les divisions les paragraphes ? Méthode Intégrée Interne Elle consiste à utiliser la balise Un paragraphe de test Un autre paragraphe de test C SMI S FS-KENITRA A U Supposons que nous souhaitons indiquer que tous les titres h à h sont en police Helvetica Plutôt que d ? écrire six règles pour attribuer cette police à chaque titre nousindiquons dans le sélecteur que six éléments sont concernés par la partie déclaration en les séparant par desvirgules h h h h h h font-family Helvetica h Une très grande taille h Une grande taille h Une taille moyenne h Une petite taille h Une très petite taille h Une taille vraiment minuscule Il est possible d ? utiliser l ? attribut style pour aligner les titres C SMI S FS-KENITRA A U Il est possible de définir le comportement d ? un élément lorsqu ? il est imbriqué dans un autre par exemple nous pouvons définir que la taille de la police sera moyenne lorsque l ? item li est au premier niveau dans une liste ul Et que la taille sera petite si l ? item li est dans une sousliste ul li font-size meduim ul ul li font-size small On peut applique le même style à li dans ul ou dans ol ul li ol li font-size meduim Etablissements Faculté des Sciences Dépt d ? Info Dépt de Maths Dépt de Physique C SMI S FS-KENITRA A U V Style externe Si nous souhaitons appliquer le même style àplusieurs documents les règles de styles sont placées dans un fichier séparé dont l ? extension est cssL ? élément est utilisé pour indiquer qu ? il faut utiliser une feuille de style externe Exemple Fichier exp css em color red p color green font-size pt font-family Comic Sans MS Un paragraphe de test Un autre paragraphe de test C SMI S FS-KENITRA A U Classe CSS Le CSS est formé d'un ensemble de classes Une classes'écrit de cette façon nom a t t r i b u t valeur nom peut être Un nom