CSS

Les CSS désormais supportées par les navigateurs modernes sont l’outil de présentation des pages Web standards.

A la différence des méthodes employées dans les années 90, les CSS permettent une stricte séparation du contenu HTML et des informations de mise en page. Le gain réalisé est considérable :

gestion simplifiée et économique de la présentation d’un site à l’aide d’une seule feuille de style pour toutes les pages, aisément modifiable ;
allègement des coûts de développement et de maintenance : il n’est plus nécessaire de mettre en place un système (hasardeux) de discrimination des navigateurs pour servir aux différents navigateurs un document adapté aux technologies propriétaires qui balkanisent le Web ;
allègement du code-source des pages Web, et donc économie de bande passante : une feuille de style n’est chargée qu’une fois par un navigateur, qui l’applique sans délai si nécessaire aux pages visitées par la suite ;
possibilité de doter une page de feuilles de style spécifiques selon les medias (navigateurs graphiques, lecteurs d’écran…). Les feuilles de style print permettent une impression immédiate d’une page depuis le navigateur, et dispensent d’avoir à créer une version imprimable du document HTML ;
possibilité de doter une page de présentations alternatives au choix de l’utilisateur ;
création de layout flexibles, qui s’adaptent aux différentes résolutions d’écran ;
meilleure accessibilité des pages Web par la disparition des tableaux détournés à des fins de présentation.

Articles

Avoir plusieurs présentations alternatives pour votre site par Nicolas Hoffmann, le 11/03/2005 pour Débutant, Expert, (X)HTML, CSS, Mise en page.: Les styles alternatifs : leur utilité, leurs avantages, et la mise en place d’une structure unique permettant leur implémentation.
Bouton CSS par Pascale Lambert Charreteur, le 21/04/2003 pour Débutant, CSS, Mise en page.: Pour créer un bouton changeant d’aspect au passage de la souris, on peut utiliser les styles légers et accessibles.
Cascade CSS et priorité des sélecteurs par Laurent Denis, le 21/04/2005 pour Débutant, Expert, CSS, Mise en page.: CSS signifie « feuilles de styles en cascade »... Mais au fait, la cascade, qu’est-ce que c’est, à quoi ça sert, comment cela fonctionne ? Plongez avec nous dans la cascade sans risque de noyade !
Compatibilité multi-navigateurs des polices de caractères par Aurélien Levy, le 09/03/2008 pour Débutant, Expert, CSS, Mise en page.: Quelles sont les unités et les valeurs à utiliser pour dimensionner la taille des caractères de façon homogène sur le plus grand nombre possible de navigateurs Web ? Aurélien Levy a mené une campagne de tests pour donner une réponse à ce problème récurrent pour les développeurs de sites web.
Des puces en images par Pascale Lambert Charreteur, le 01/05/2004 pour Débutant, CSS, Mise en page.: Afin de rendre plus attrayante une liste à puces, l’utilisation des CSS permet de remplacer les traditionnelles puces par des images, de façon extrêmement simple.
Habillage de tableaux avec des CSS par Pascale Lambert Charreteur, le 24/10/2003 pour Débutant, Expert, CSS, Mise en page.: Faire des tableaux de données accessibles et respectant les standards avec les CSS
Initiation au centrage CSS par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.: Les différentes méthodes de centrage d’un contenu HTML.
Initiation au positionnement CSS : 1.flux et position relative par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.: Par défaut, les navigateurs affichent les boîtes issues du document html dans l’ordre du flux normal. En position relative, un élément peut être décalé verticalement et/ou horizontalement.
Initiation au positionnement CSS : 2.position float par Laurent Denis, le 21/03/2003 pour Expert, CSS, Mise en page.: La position float retire une boîte du flux normal pour la placer le plus à droite ou le plus gauche possible dans son conteneur. Comment l’utiliser dans une mise en page CSS ?
Initiation au positionnement CSS : 3. position absolue et fixe par Laurent Denis, le 24/03/2003 pour Expert, CSS, Mise en page.: La position absolue et la position fixe permettent de placer une boîte par rapport aux limites de la zone d’affichage ou du conteneur. Comment les utiliser dans une mise en page CSS ?
Interview de Daniel Glazman (chairman CSS working group W3C) par Elie Sloïm, le 23/06/2008 pour Expert, CSS.: Daniel Glazman est impliqué depuis 1991 dans le monde des standards et depuis 1994 dans celui du Web. Il a participé au HTML Working Group pour la standardisation de HTML 4 et au CSS Working Group pour CSS 2 et CSS 3. Sa société Disruptive Innovations est membre du World Wide Web Consortium (W3C) depuis 2006. Il est depuis peu co-chairman du CSS Working Group au W3C. Son rôle au W3C, ses compétences techniques hors-pair et son inaptitude totale à la pratique de la langue de bois nous ont donné envie de lui poser quelques questions sur l’avenir des feuilles de style. Interview.
Les bénéfices des standards par un graphiste Web par Marc-Aurèle Darche, le 15/01/2004 pour Décideur, Expert, (X)HTML, CSS.: Ned Baldessin, professionnel du Web, nous présente le point de vue des graphistes sur les différentes technologies qui forment les standards de l’Internet.
Overflow avec fond fixe en CSS par Olivier Meunier, le 21/03/2003 pour Gourou, CSS, Mise en page.: Comment créer en CSS un overflow avec une image de fond fixée dans le bloc défilant ?
Passer aux feuilles de style par Laurent Denis, le 27/01/2004 pour Débutant, Expert, CSS, Mise en page.: Vous utilisiez les balises HTML de présentation ? Pour tirer parti des avantages offerts par les standards, découvrez le vocabulaire élémentaire des feuilles de style.
Styles auteur, utilisateur et agent utilisateur : 3 raisons de lâcher prise sur votre design par Laurent Denis, le 21/03/2005 pour Débutant, Expert, CSS, Mise en page.: Le rendu final d’une page Web n’est pas le produit figé des règles de présentation fixée par son auteur : il résulte de la combinaison des 3 sources de styles de l’auteur, de l’agent utilisateur et de l’utilisateur lui-même.
Une feuille de style pour l’impression par Laurent Denis, le 18/01/2009 pour Débutant, Expert, CSS.: Une solution CSS qui remplace avantageusement la version imprimable d’un document.
Utilisation de background par Pascale Lambert Charreteur, le 21/03/2005 pour Débutant, CSS, Mise en page.: Comment utiliser la propriété CSS background pour gérer des images d’arrière-plan ?
Utilisation des images dans les CSS par Sébastien Desvignes, le 21/04/2003 pour Expert, Gourou, CSS, Mise en page.: Comment utiliser une feuille de style pour insérer dans le contenu HTML des images décoratives.
Zoom d’images avec les CSS par Pascale Lambert Charreteur, le 01/06/2004 pour Débutant, CSS, Mise en page, Multimédia.: Parmi les multiples techniques permettant de zoomer une image à l’écran, voici celle qui, uniquement à l’aide de CSS2, permet un zoom au survol d’une image avec la souris.

Consultez ce site selon votre profil.

Technologie

Thème

Ressources

Page valide XHTML 1 Strict, CSS2 et accessible AA.
Ce site s'affiche mieux dans un navigateur conforme aux standards, voici pourquoi.
Site hébergé par l'APINC et propulsé par SPIP.