blob: 5a802a68990ed783b7e7a38b847d93f51798d2eb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
|
---
title: Premiers pas
slug: CSS/Premiers_pas
tags:
- CSS
- 'CSS:Premiers_pas'
translation_of: Learn/CSS/First_steps
translation_of_original: Web/Guide/CSS/Getting_started
---
<h3 id="Introduction" name="Introduction">Introduction</h3>
<p>Ce tutoriel est une introduction basique aux <a href="/fr/docs/CSS" title="/fr/docs/CSS">feuilles de styles en cascades (CSS)</a>.</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 id=".C3.80_qui_est_destin.C3.A9_ce_tutoriel_.3F" name=".C3.80_qui_est_destin.C3.A9_ce_tutoriel_.3F">À qui est destiné ce tutoriel ?</h4>
<p>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.</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 celles qui vous intéressent.</p>
<p>Si vous maîtrisez déjà les CSS hormis les propriétés particulières à Mozilla, passez directement à la partie II.</p>
<h4 id="Avant_de_commencer" name="Avant_de_commencer">Avant de commencer</h4>
<p>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.</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 id="Tutoriel_partie_I" name="Tutoriel_partie_I">Tutoriel partie I</h3>
<p>Un guide de base, étape par étape pour CSS.</p>
<nav class="fancyTOC"><a class="button" href="/fr/docs/CSS/Premiers_pas/Pr%c3%a9sentation_des_CSS" rel="next">Présentation des CSS</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Pourquoi_utiliser_CSS">Pourquoi utiliser CSS</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Fonctionnement_de_CSS">Fonctionnement de CSS</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Cascade_et_h%c3%a9ritage">Cascade et héritage</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Les_s%c3%a9lecteurs">Les sélecteurs</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Des_CSS_lisibles">Des CSS lisibles</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Styles_de_texte">Styles de texte</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Couleurs">Couleurs</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Contenu">Contenu</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Listes">Listes</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Bo%c3%aetes">Boîtes</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Mise_en_page">Mise en page</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/Tableaux">Tableaux</a> <a class="button" href="/fr/docs/CSS/Premiers_pas/M%c3%a9dias">Médias</a></nav>
<h3 id="Tutoriel_partie_II" name="Tutoriel_partie_II">Tutoriel partie II</h3>
<p>Exemples montrant la portée des CSS dans Mozilla.</p>
<ol>
<li><strong><a href="/fr/docs/CSS/Premiers_pas/JavaScript">JavaScript</a></strong></li>
<li><strong><a href="/fr/docs/CSS/Premiers_pas/Liaisons_XBL">Liaisons XBL</a></strong></li>
<li><strong><a href="/fr/docs/CSS/Premiers_pas/Interfaces_utilisateur_XUL">Interfaces utilisateur XUL</a></strong></li>
<li><strong><a href="/fr/docs/CSS/Premiers_pas/Graphiques_SVG">Graphiques SVG</a></strong></li>
<li><strong><a href="/fr/docs/CSS/Premiers_pas/Donn%c3%a9es_XML">Données XML</a></strong></li>
</ol>
|
