La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Les Feuilles de styles en cascade (CSS) Le langage HTML permet la distinction entre les différents éléments d'une page C'est le navigateur qui interprète.

Présentations similaires


Présentation au sujet: "Les Feuilles de styles en cascade (CSS) Le langage HTML permet la distinction entre les différents éléments d'une page C'est le navigateur qui interprète."— Transcription de la présentation:

1 Les Feuilles de styles en cascade (CSS) Le langage HTML permet la distinction entre les différents éléments d'une page C'est le navigateur qui interprète cette page Pour chaque élément HTML, il existe un style standard qui permet d'obtenir un rendu dans toutes les situations Les CSS permettent de définir une ou plusieurs apparences à différents éléments

2 Intérêt des feuilles de style Meilleur contrôle sur le résultat final Meilleure maîtrise de la présentation de la page Conception facilitée Unification des styles des pages facilitée sans modification du contenu de la page Simplification du code HTML

3 Exemples d'un même document avec différentes feuilles de style Titre 1 Sous-titre 1 bla bla bla Titre 2 Sous-titre 2 bla bla bla Code Commun CSS 1CSS 2

4 Navigateurs et spécifications Les CSS ne sont supportées que par des versions ultérieures à Netscape 4.0 et IE 3.0 Toutes les spécifications sur l'évolution du standard CSS sont sur le site du W3C (http://www.w3.org) Désormais, il est préférable de toujours utiliser des feuilles de style

5 Comment ajouter des feuilles de styles ? Les CSS peuvent être ajoutées de 3 façons : Directement dans le document (en ligne) Directement dans le document (en ligne) Dans un bloc de l'entête du document Dans un bloc de l'entête du document Dans un fichier lié au document Dans un fichier lié au document On peut utiliser les 3 simultanément mais un style sera prédominant (hiérarchie des styles)

6 CSS en ligne Il suffit d'ajouter lattribut STYLE à l'élément que l'on veut modifier … … Un style en ligne peut être appliqué à n'importe quel élément HTML et cela modifie seulement l'apparence de l'élément concerné Méthode très peu utilisée sauf pour surcharger un style déjà défini pour un type d'élément

7 Exemple de CSS en ligne

titre avec un style titre avec un style Titre sans style Titre sans style


Télécharger ppt "Les Feuilles de styles en cascade (CSS) Le langage HTML permet la distinction entre les différents éléments d'une page C'est le navigateur qui interprète."

Présentations similaires


Annonces Google