PDF (adobe.com)

A propos des feuilles de style en cascade

Les feuilles de style en cascade (CSS) regroupent des règles de mise en forme qui déterminent l'aspect du contenu d'une page Web. Quand vous utilisez des styles CSS pour mettre une page en forme, vous séparez le contenu de la présentation. Le contenu de votre page (le code HTML) réside dans le fichier HTML, tandis que les règles CSS qui définissent la présentation du code résident dans un autre fichier (une feuille de style externe) ou dans une autre partie du document HTML (généralement dans la section head). La séparation du contenu et de la présentation facilite considérablement la gestion de l'aspect de votre site à partir d'un point central car vous n'avez pas besoin de mettre à jour les propriétés de toutes les pages chaque fois que vous souhaitez apporter une modification. La séparation du contenu et de la présentation se traduit également par un code HTML simplifié et mieux structuré qui permet de raccourcir les temps de chargement pour les navigateurs, et elle simplifie la navigation pour les personnes ayant des problèmes d'accessibilité (par exemple, qui utilisent des lecteurs d'écran).

CSS vous offre une plus grande souplesse et une plus grande maîtrise de l'aspect de votre page. Les feuilles de style CSS vous permettent de contrôler de nombreuses propriétés de texte, notamment les polices de caractères et les tailles de police, les styles gras, italique, soulignement et les ombres du texte, la couleur du texte et la couleur d'arrière-plan, la couleur des liens et le soulignement des liens, etc. En utilisant CSS pour contrôler vos polices de caractères, vous vous assurez d'un traitement plus cohérent de la mise en page et de l'aspect de votre page dans différents navigateurs.

Outre la mise en forme du texte, CSS permet de gérer le format et le positionnement des blocs d'éléments d'une page Web. Un élément de niveau bloc est un contenu autonome, généralement séparé par une nouvelle ligne dans le code HTML, et formaté visuellement comme un bloc. Par exemple, les balises h1, les balises p et les balises div produisent toutes des éléments de niveau bloc sur une page Web. Vous pouvez définir des marges et des bordures pour les éléments de niveau bloc, les placer dans un emplacement spécifique, leur ajouter une couleur d'arrière-plan, faire flotter du texte autour d'eux, etc. C'est essentiellement en manipulant des éléments de niveau bloc que vous réalisez des mises en page avec CSS.

Pour accéder à un didacticiel relatif aux feuilles de style en cascade, consultez le site Web de Adobe à l'adresse www.adobe.com/go/vid0152_fr.