mozilla

Revision 194476 of Premiers pas

  • Raccourci de la révision : CSS/Premiers_pas
  • Titre de la révision : Premiers pas
  • ID de la révision : 194476
  • Créé :
  • Créateur : Anonymous
  • Version actuelle ? Non
  • Commentaire traduction de quelques liens

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.

Qu'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. Qu'est-ce que CSS?
  2. Pourquoi utiliser CSS?
  3. Comment fonctionne CSS
  4. Cascades et héritage
  5. Sélecteurs
  6. Readable CSS
  7. Text styles
  8. Couleur
  9. Listes
  10. Boîtes
  11. Layout
  12. Tableaux
  13. Content
  14. Interfaces utilisateurs
  15. JavaScript

Tutoriel partie II

Exemples montrant la portée des CSS dans Mozilla.

  1. XML data
  2. XUL user interfaces
  3. SVG graphics
  4. Mozilla's CSS extensions

Categories

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="Qu.27avez-vous_besoin_avant_de_commencer_.3F"> Qu'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/Qu'est-ce_que_CSS%3f">Qu'est-ce que CSS?</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Pourquoi_utiliser_CSS%3f">Pourquoi utiliser CSS?</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Comment_fonctionne_CSS">Comment fonctionne CSS</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Cascades_et_heritage">Cascades et héritage</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Selecteurs">Sélecteurs</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Readable_CSS">Readable CSS</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Text_styles">Text styles</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Couleur">Couleur</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Listes">Listes</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Boites">Boîtes</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Layout">Layout</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Tableaux">Tableaux</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Content">Content</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Interfaces_utilisateurs">Interfaces utilisateurs</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/JavaScript">JavaScript</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/XML_data">XML data</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/XUL_user_interfaces">XUL user interfaces</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/SVG_graphics">SVG graphics</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Mozilla's_CSS_extensions">Mozilla's CSS extensions</a></b>
</li></ol>
<p><span class="comment">Categories</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/Getting_Started" } ) }}
Revenir à cette révision