Premiers pas

 

Introduction

Ce tutoriel est une introduction aux feuilles de styles en cascades (CSS).

Il vous guidera à travers les fonctions de base des CSS grâce à des exemples pratiques que vous pourrez tester par vous-même sur votre ordinateur. Il est divisé en deux parties :

  • La partie I présente les propriétés standard des CSS qui fonctionnent dans les navigateurs basés sur Mozilla et aussi dans la plupart des autres navigateurs modernes.
  • La partie II contient quelques exemples des propriétés spéciales qui fonctionnent sous Mozilla mais pas forcément sur les autres navigateurs.

Ce tutoriel est basé sur les spécifications CSS 2.1.

À qui est destiné ce tutoriel ?

Ce tutoriel est surtout destiné à ceux qui débutent en CSS, mais vous pouvez aussi vous en servir si vous avez déjà quelques notions.

Si vous êtes un débutant, lisez d'abord la partie I pour comprendre les CSS et apprendre comment les utiliser. Puis lisez la partie II pour comprendre la « portée » des CSS dans Mozilla.

Si vous avez déjà quelques notions, vous pouvez sauter les parties de ce tutoriel que vous connaissez déjà, et lire seulement celles qui vous intéressent.

Si vous maîtrisez déjà les CSS hormis les propriétés particulières à Mozilla, passez directement à la partie II.

Avant de commencer

Pour que ce tutoriel soit vraiment bénéfique, vous avez besoin d'un éditeur de fichier texte et un navigateur Mozilla (Firefox ou la suite Mozilla). Vous devez aussi savoir un minimum comment les utiliser.

Si vous ne souhaitez pas éditer de fichier, vous pouvez simplement lire le tutoriel et regarder les images, mais votre apprentissage sera moins performant.

Quelques passages de ce tutoriel peuvent exiger l'utilisation d'un autre logiciel de la fondation Mozilla. Ces passages sont optionnels. Si vous ne souhaitez pas télécharger d'autres logiciels, sautez ces passages.

Tutoriel partie I

Un guide de base, étape par étape pour CSS.

  1. Présentation des CSS
  2. Pourquoi utiliser CSS
  3. Fonctionnement de CSS
  4. Cascade et héritage
  5. Les sélecteurs
  6. Des CSS lisibles
  7. Styles de texte
  8. Couleurs
  9. Contenu
  10. Listes
  11. Boîtes
  12. Mise en page
  13. Tableaux
  14. Médias

Tutoriel partie II

Exemples montrant la portée des CSS dans Mozilla.

  1. JavaScript
  2. Liaisons XBL
  3. Interfaces utilisateur XUL
  4. Graphiques SVG
  5. Données XML

Catégories

Interwiki Language Links

Étiquettes et contributeurs liés au document

Étiquettes :
Contributeurs ayant participé à cette page : Anonymous, Verruckt, jparker, VincentN, Nickolay, TestUser, Delapouite, BenoitL, Indigo, Mgjbot, Gorrk
Dernière mise à jour par : jparker,