Premiers pas

  • Raccourci de la révision : CSS/Premiers_pas
  • Titre de la révision : Premiers pas
  • ID de la révision : 194480
  • Créé :
  • Créateur : Gorrk
  • Version actuelle ? Non
  • Commentaire

Contenu de la révision

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 devrait utiliser ce tutoriel ?

Ce tutoriel est surtout destiné à ceux qui débute 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 celle qui vous intéresse.

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

De quoi avez-vous besoin avant de commencer ?

Pour que ce tutoriel soit davantage 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. Définition des CSS
  2. Pourquoi utiliser CSS
  3. Fonctionnement des CSS
  4. Cascade et héritage
  5. 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. Bindings XBL
  3. Interfaces utilisateur XUL
  4. Graphiques SVG
  5. Données XML

Catégories

Interwiki Language Links

{{ wiki.languages( { "en": "en/CSS/Getting_Started" } ) }}

Source de la révision

<p>
</p>
<h3 name="Introduction"> Introduction </h3>
<p>Ce tutoriel est une introduction aux feuilles de styles en cascades (CSS).
</p><p>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 :
</p>
<ul><li>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.
</li></ul>
<ul><li>La partie II contient quelques exemples des propriétés spéciales qui fonctionnent sous Mozilla mais pas forcément sur les autres navigateurs.
</li></ul>
<p>Ce tutoriel est basé sur les <a class="external" href="http://www.w3.org/TR/CSS21/">spécifications CSS 2.1</a>.
</p>
<h4 name="Qui_devrait_utiliser_ce_tutoriel_.3F"> Qui devrait utiliser ce tutoriel ? </h4>
<p>Ce tutoriel est surtout destiné à ceux qui débute en CSS, mais vous pouvez aussi vous en servir si vous avez déjà quelques notions.
</p><p>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.
</p><p>Si vous avez déjà quelques notions, vous pouvez sauter les parties de ce tutoriel que vous connaissez déjà, et lire seulement celle qui vous intéresse.
</p><p>Si vous maîtrisez les CSS hormis les propriétés particulières à Mozilla, passez directement à la partie II.
</p>
<h4 name="De_quoi_avez-vous_besoin_avant_de_commencer_.3F"> De quoi avez-vous besoin avant de commencer ? </h4>
<p>Pour que ce tutoriel soit davantage 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.
</p><p>Si vous ne souhaitez pas éditer de fichier, vous pouvez simplement lire le tutoriel et regarder les images, mais votre apprentissage sera moins performant.
</p><p>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.
</p>
<h3 name="Tutoriel_partie_I"> Tutoriel partie I </h3>
<p>Un guide de base, étape par étape pour CSS.
</p>
<ol><li><b><a href="fr/CSS/Premiers_pas/D%c3%a9finition_des_CSS">Définition des CSS</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Pourquoi_utiliser_CSS">Pourquoi utiliser CSS</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Fonctionnement_des_CSS">Fonctionnement des CSS</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Cascade_et_h%c3%a9ritage">Cascade et héritage</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/S%c3%a9lecteurs">Sélecteurs</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Des_CSS_lisibles">Des CSS lisibles</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Styles_de_texte">Styles de texte</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Couleurs">Couleurs</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Contenu">Contenu</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Listes">Listes</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Bo%c3%aetes">Boîtes</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Mise_en_page">Mise en page</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Tableaux">Tableaux</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/M%c3%a9dias">Médias</a></b>
</li></ol>
<h3 name="Tutoriel_partie_II"> Tutoriel partie II </h3>
<p>Exemples montrant la portée des CSS dans Mozilla.
</p>
<ol><li><b><a href="fr/CSS/Premiers_pas/JavaScript">JavaScript</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Bindings_XBL">Bindings XBL</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Interfaces_utilisateur_XUL">Interfaces utilisateur XUL</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Graphiques_SVG">Graphiques SVG</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Donn%c3%a9es_XML">Données XML</a></b>
</li></ol>
<p><span class="comment">Catégories</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/Getting_Started" } ) }}
Revenir à cette révision