Feuilles de style CSS - Aspects techniques

Ajouter à la bibliothèque

H7163 V1 Archive

Feuilles de style CSS - Aspects techniques

Auteur(s) : Nadine SAINT-AMAND

Date de publication : 10 mai 2008

Ajouter à la bibliothèque Ajouter à la bibliothèque

Logo Techniques de l'Ingenieur Cet article est réservé aux abonnés
Pour explorer cet article plus en profondeur Consulter un extrait gratuit

Déjà abonné ?

Présentation

RÉSUMÉ

Sur la base d’une syntaxe simple et déclarative, les feuilles de style CSS permettent de maîtriser la mise en page d’un document. Souvent préférables aux artifices employés en HTML, ces feuilles visent l’accessibilité et possèdent entre autres fonctions celle de rendre possible la spécification simultanée de plusieurs mises en page, ou la restitution, pour un même contenu, par exemple pour l'imprimer, l'afficher sur un portable, ou le restituer à un malvoyant. Cet article présente les étiquettes de classe et l’organisation en cascade des feuilles CSS, avec les notions d’éléments descendants et enfants, puis les propriétés de positionnement, de dimensionnement et d’espacement qui les caractérisent.

Lire cet article issu d'une ressource documentaire complète, actualisée et validée par des comités scientifiques.

Lire l'article

AUTEUR(S)

  • Nadine SAINT-AMAND : Professeur à « Les formations Accent Net » - Ingénieure en informatique

 INTRODUCTION

Les feuilles de style CSS ont pour but de spécifier de façon précise et non ambiguë la mise en page d'un document, séparément de son contenu. Elles utilisent une syntaxe simple et déclarative. Universellement accessibles, les CSS procurent à chaque intervenant la possibilité de maîtriser finement la présentation documentaire sans devoir recourir à des artifices relevant de la programmation.

De prime abord, les feuilles de style décrivent surtout les propriétés de coloration, de dimensionnement et de positionnement des éléments composant le document. Au moyen de sélecteurs hiérarchiques, basés sur des étiquettes et sur des catégories d'éléments, il est facile d'uniformiser les éléments similaires tout en préservant les cas particuliers. Étiquettes de classes et étiquettes d'identifiant unique fournissent la base de ce mécanisme.

Les feuilles de style spécifient aussi la mise en page générale du document et sont naturellement préférables aux artifices souvent employés en HTML, tels que l'utilisation de tables pour agencer la mise en page. Quelques concepts de mise en page sont déjà pris en compte dans les CSS tels que le flottement, le positionnement absolu, l'utilisation de contenants d'éléments : des parents positionnels. Ces propriétés, encore très limitées, ne constituent pour l'instant qu'une esquisse vers une approche intégrée de mise en page conduite par les CSS, la norme est toujours en évolution.

La notion de cascade rend possible la spécification hiérarchisée des propriétés : toute propriété décrite à un niveau plus général peut être altérée dans un niveau plus spécifique. Cela permet de décrire une fois pour toutes les propriétés communes à toute une famille de documents dans une CSS générale, et de laisser des détails particuliers ou des variantes dans des CSS plus spécifiques.

Ainsi, l'organisation cascadée des feuilles de style est à l'image du découpage d'un site web entier. Si celle-ci est parfois révélatrice de la structure des équipes de développement, elle leur permet d'intervenir à différents niveaux : du général au spécifique. Il importe alors aux différents acteurs de maîtriser les règles de la cascade, les principes de priorité des déclarations, de déterminer comment certaines déclarations ambiguës peuvent être résolues, comment verrouiller une déclaration importante et agir préventivement pour qu'elle ne soit pas surchargée à un autre niveau.

Les CSS, enfin, rendent possible la spécification simultanée de plusieurs mises en page, ou la restitution, pour un même contenu, par exemple pour l'imprimer, l'afficher sur un portable, le restituer à un malvoyant, etc. Ceci dans le but d'adapter des pages à des situations d'emploi prenant en compte des besoins spécifiques, en...

Cet article est réservé aux abonnés
Logo Techniques de l'Ingenieur

Cet article est réservé aux abonnés. Il vous reste 92 % à découvrir.

Cet article est réservé aux abonnés Consulter un extrait gratuit

Déjà abonné ?


DOI (DIGITAL OBJECT IDENTIFIER)

https://doi.org/10.51257/a-v1-h7163

Lecture en cours
Feuilles de style CSS - Aspects techniques

Article inclus dans l'offre

"Documents numériques Gestion de contenu"

( 114 articles )

Une base complète d’articles

Actualisée et enrichie d’articles validés par nos comités scientifiques.

Services

Quiz, médias, tableaux, formules, vidéos, etc.

Des modules pratiques

Opérationnels et didactiques, pour garantir l'acquisition des compétences transverses.

Des avantages inclus

Un ensemble de services exclusifs en complément des ressources.

Voir le détail de l'offre

Inscrivez-vous aux newsletters !

Contactez-nous