Révision 194474 sur Premiers pas

  • Raccourci de la révision : CSS/Premiers_pas
  • Titre de la révision : Premiers pas
  • ID de la révision : 194474
  • Créé :
  • Créateur : TestUser
  • Version actuelle ? Non
  • Commentaire 1er jet, peu français :(
Étiquettes : 

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 ets divisé en deux parties

  • La partie I présente les propriétés standard des XSS 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écification CSS 2.1.

Qui devrais utiliser ce tutoriel ?

Ce tutoriel ets surtout destiné à ceux qui débute en CSS, mais vous pouvez aussi vous en servir si vous connaissez 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 connaissez 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 fichire 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. What is CSS?
  2. Why use CSS?
  3. How CSS works
  4. Cascading and inheritance
  5. Selectors
  6. Readable CSS
  7. Text styles
  8. Color
  9. Lists
  10. Boxes
  11. Layout
  12. Tables
  13. Content
  14. User interfaces
  15. JavaScript

Tutorial Part II

Examples that show the scope of CSS in Mozilla.

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

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 ets divisé en deux parties
</p>
<ul><li>La partie I présente les propriétés standard des XSS 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écification CSS 2.1</a>.
</p>
<h4 name="Qui_devrais_utiliser_ce_tutoriel_.3F"> Qui devrais utiliser ce tutoriel ? </h4>
<p>Ce tutoriel ets surtout destiné à ceux qui débute en CSS, mais vous pouvez aussi vous en servir si vous connaissez 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 connaissez 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 fichire 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/What_is_CSS%3f">What is CSS?</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Why_use_CSS%3f">Why use CSS?</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/How_CSS_works">How CSS works</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Cascading_and_inheritance">Cascading and inheritance</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Selectors">Selectors</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/Color">Color</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Lists">Lists</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Boxes">Boxes</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Layout">Layout</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Tables">Tables</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/Content">Content</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/User_interfaces">User interfaces</a></b>
</li><li><b><a href="fr/CSS/Premiers_pas/JavaScript">JavaScript</a></b>
</li></ol>
<h3 name="Tutorial_Part_II"> Tutorial Part II </h3>
<p>Examples that show the scope of CSS in Mozilla.
</p>
<ol><li><b><a href="fr/CSS/Getting_Started/XML_data">XML data</a></b>
</li><li><b><a href="fr/CSS/Getting_Started/XUL_user_interfaces">XUL user interfaces</a></b>
</li><li><b><a href="fr/CSS/Getting_Started/SVG_graphics">SVG graphics</a></b>
</li><li><b><a href="fr/CSS/Getting_Started/Mozilla's_CSS_extensions">Mozilla's CSS extensions</a></b>
</li></ol>
Revenir à cette révision