Vous êtes sur la page 1sur 14

Premiers pas avec les CSS

Par "CSS Faciles"


Date de publication : 6 mai 2008
Qu'est-ce que c'est ? Comment les utiliser ?
Les CSS (Cascading Style Sheets, c'est dire "feuilles de styles en cascade") permettent
de dfinir la prsentation des pages Web.
Dsormais, votre code HTML ne vous servira qu' dfinir la structure de vos contenus tandis
que les CSS vous permettront de crer vos styles et votre mise en page.
Cet article a t publi l'origine l'adresse suivante : Premiers pas avec les CSS
Premiers pas avec les CSS par "CSS Faciles"
- 2 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
I - L'ancienne faon d'appliquer des styles aux contenus.......................................................................................... 3
II - Comment fonctionnent les CSS............................................................................................................................ 4
II-A - Les CSS dans le corps du code (X)HTML ( utiliser avec modration)....................................................... 4
II-B - Les CSS dans l'en-tte de la page.............................................................................................................. 4
II-C - Les CSS dans une feuille de style totalement spare du code (X)HTML.................................................. 5
II-D - Avantages des feuilles de styles spares.................................................................................................. 7
III - Comment les CSS s'appliquent aux lments (X)HTML......................................................................................8
III-A - Comment appliquer un style aux balises (X)HTML standards.................................................................... 8
III-B - Comment utiliser des classes pour appliquer un style................................................................................ 8
III-C - Les lments (X)HTML peuvent avoir plusieurs classes............................................................................ 9
III-D - Comment utiliser des "ID" pour appliquer un style......................................................................................9
IV - Priorit des styles, les uns par rapports aux autres.......................................................................................... 11
IV-A - Styles par dfaut, styles standards, classes et id..................................................................................... 11
IV-B - Embotement de balises............................................................................................................................ 12
Remerciements.......................................................................................................................................................... 14
Premiers pas avec les CSS par "CSS Faciles"
- 3 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
I - L'ancienne faon d'appliquer des styles aux contenus
Au dbut de l'histoire du Web, lorsque vous souhaitiez modifier le type de caractre d'une portion de texte, vous
deviez utiliser la balise <font> en crivant par exemple <font face="Times">.
Si vous souhaitiez dfinir la couleur de l'arrire plan et la bordure d'un tableau ainsi que le retrait (padding) de chacune
de ses colonnes, vous auriez dfini votre tableau par le code suivant :
<table border="1" bgcolor="silver" cellpadding="3" cellspacing="0">
Cette approche prsentait cependant de nombreux inconvnients :
1 Vos styles tant dfinis l'intrieur mme de votre contenu, ils taient fastidieux dfinir ;
2 Vous deviez rpter la mme dfinition de style chaque fois que vous souhaitiez l'utiliser dans votre page
o dans les diverses pages de votre site ;
3 A chaque fois que vous souhaitiez modifier ce style, vous deviez reparcourir le contenu de toutes vos pages
pour mettre jour, une par une, les diverses dfinitions qu'elles contenaient ;
4 Ces rptitions augmentaient la taille de vos pages ;
5 Vos styles taient figs, les contenus se prsentaient de la mme faon pour tous les usages possibles :
cran, imprimante, PDA, lecteurs vocaux, etc..
Premiers pas avec les CSS par "CSS Faciles"
- 4 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
II - Comment fonctionnent les CSS
Les CSS reprsentent une nouvelle faon trs efficace d'appliquer des styles aux lments (X)HTML.
Elles vous permettent de dfinir n'importe quelle proprit de style comme la bordure, le type de caractre, la couleur
de fond, l'espace entre les lettres, etc. (nous reviendrons plus tard sur la manire d'y parvenir).
Il y a trois faons principales d'appliquer des styles CSS :
1 Dans le corps du code (X)HTML ;
2 Dans l'en-tte de la page ;
3 Dans une feuille de style totalement spare du code (X)HTML.
II-A - Les CSS dans le corps du code (X)HTML ( utiliser avec modration)
Vous pouvez dfinir des styles CSS directement dans la dfinition d'une balise (X)HTML. Dans l'exemple ci-dessous,
nous utilisons une balise <div> qui permet de dfinir une "bote" l'intrieur d'un contenu :
Exemple de code
<div style="background-color:orange; border:1px solid black; color:yellow; font-
size:150%; padding:1em;">
Cette balise div a du style !
</div>

Ce qui donne :
Cette approche est extrmement proche de l'ancienne faon de dfinir des styles et prsente les mmes
inconvnients.
Elle ne prsente un intrt que lorsque vous tes certain que le style dfini ne sera utilis aucun autre endroit ni
sur aucune autre de vos pages. S'il y a la moindre chance pour que vous ayez nouveau besoin de ce style un
autre endroit, vous devriez absolument utiliser l'une des deux autres mthodes proposes plus bas, afin de faciliter
la maintenance et l'volution de votre site.
II-B - Les CSS dans l'en-tte de la page
Plutt que par la mthode prcdente, il est prfrable de dfinir vos styles CSS une fois pour toute dans une section
particulire de votre page Web (on utilise normalement la section <head>).
<head>
<style type="text/css">
div
{
background-color:#339;
color:#fff;
padding:15px;
border-bottom:5px solid red;
margin-bottom:15px;
}
</style>
</head>

<body>
Premiers pas avec les CSS par "CSS Faciles"
- 5 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
<div>
Cette phrase est prsente en fonction du style dfini dans l'en-tte
</div>
<div>
Cette phrase aussi, est pourtant le style n'a t dfini qu'une fois !
</div>
</body>

Ce qui donne :
Grce cette nouvelle faon de procder, vous n'avez besoin de dfinir votre style qu'une seule fois. Dans notre
exemple, le style dfini s'appliquera automatiquement toutes les balises <div> de la page.
Avec cette mthode, vous pouvez appliquer le mme style plusieurs fois dans la mme page, mais pas plusieurs
pages d'un coup. Pour aller plus loin dans la standardisation de vos pages, vous devrez utiliser la troisime mthode.
II-C - Les CSS dans une feuille de style totalement spare du code (X)HTML
La faon idale de dfinir les CSS consiste les enregistrer dans un document indpendant de vos pages (X)HTML.
Grce cette mthode, toutes les pages qui font rfrence cette feuille de style externe hriteront de toutes ses
dfinitions.
Un autre intrt de cette mthode est de pouvoir dfinir plusieurs feuilles de styles pour le mme contenu et de
basculer d'une feuille l'autre en fonction du support sur lequel le contenu est affich (cran, imprimante, etc.). Nous
reviendrons plus tard sur cet aspect.
Une page (X)HTML peut faire rfrence plusieurs feuilles de styles en mme temps. Dans ce cas, les dfinitions
contenues dans ces diffrentes feuilles seront combines entre elles.
Voici un exemple de styles dfinis dans un document spar :
Document 'mes-styles.css'
body
{
background-color:#ccf;
letter-spacing:.1em;
}

p
{
font-style:italic;
font-family:times,serif;
}

Document 'ma-page.html'
<head>
<link href="mes-styles.css" media="all" rel="stylesheet" type="text/css" />
</head>

<body>
<p>Voici un exemple de paragraphe.</p>
<p>Et voici un deuxime paragraphe.</p>
</body>
Premiers pas avec les CSS par "CSS Faciles"
- 6 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
Document 'ma-page.html'

Et voici le rsultat :
Comme dans la mthode prcdente (CSS dans l'en-tte de la page), le style n'a t dfini qu'une seule fois mais
peut tre utilis plusieurs fois. La diffrence entre cette mthode et la prcdente, c'est que notre feuille de style peut
tre utilise par un nombre illimit de pages. Il suffira d'ajouter la mention <link href="mes-styles.css" media="all"
rel="stylesheet" type="text/css" /> dans ces pages pour que notre feuille de style s'y applique.
Lorsque les utilisateurs du site chargeront une page, leur navigateur ira galement lire la feuille de styles laquelle
cette page fait rfrence. Cette feuille de style sera garde en mmoire par le navigateur et n'aura pas besoin d'tre
recharge lors de la lecture des pages suivantes. Le rsultat est un gain de temps de chargement global et une
conomie de bande passante pour le serveur de votre site.
La mthode "<link href=..." permet galement de mettre en place plusieurs feuilles de styles destines aux diffrents
medias (imprimante, navigateurs de PDA, etc.).
Vous pouvez en effet souhaiter mettre en place une prsentation particulire (sans les menus, par exemple) destine
l'impression de vos documents. Voici une liste des valeurs les plus couramment utilises pour link :
<link href="general.css" rel="stylesheet"
type="text/css" media="all">
Remplacez general.css par le nom que vous
souhaitez donner votre feuille de style.
Cette dfinition vous permettra de mettre en
place une feuille de style commune tous
les medias.
<link href="ecran.css" rel="stylesheet"
type="text/css" media="screen, projection">
Remplacez ecran.css par le nom que vous
souhaitez donner votre feuille de style.
Cette dfinition vous permettra de mettre
en place une feuille de style destine aux
crans.
<link href="mobile.css" rel="stylesheet"
type="text/css" media="handheld">
Remplacez mobile.css par le nom que vous
souhaitez donner votre feuille de style.
Cette dfinition vous permettra de mettre en
place une feuille de style destine aux PDA
et tlphones mobiles.
<link href="impression.css" rel="stylesheet"
type="text/css" media="print">
Remplacez impression.css par le nom que
vous souhaitez donner votre feuille de
style. Cette dfinition vous permettra de
mettre en place une feuille de style destine
aux imprimantes.
Note : Le site blog-and-blues pourra vous apporter des dtails sur ces slecteurs de
media.
Pour clore ce chapitre, prcisons enfin que la dclaration "<link href=..." n'est pas la seule faon de faire appel
une feuille de style spare. On peut galement utiliser la formulation suivante :
Cette dfinition de style est placer dans la section <head> de votre page.
<style type="text/css">
@import url(styles.css) all;
</style>

Premiers pas avec les CSS par "CSS Faciles"
- 7 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
Vous devrez remplacer "styles.css" par le nom que vous souhaitez donner votre feuille de style. Vous pouvez
galement remplacer "all" par le type de mdia auquel se destine votre feuille de style.
Le rsultat sera exactement le mme que si vous aviez dclar <link href="styles.css" media="all"
rel="stylesheet" type="text/css" />, deux nuances prs :
Internet Explorer (versions 6 ou infrieures) ne reconnat pas le type de mdia avec "@import". La feuille de
style ne sera ni importe ni applique si vous avez prcis un mdia. Utilisez la formulation suivante : <style
type="text/css">@import url(styles.css)</style> si vous voulez que votre dclaration soit reconnue par
IE6.
La rgle "@import" permet d'importer une feuille de styles l'intrieur d'une autre feuille de style. La
dclaration aura alors la forme simple suivante : @import url(styles.css). Vous devrez seulement remplacer
"styles.css" par le nom que vous souhaitez donner votre feuille de style.
II-D - Avantages des feuilles de styles spares
Il y a de multiples avantages sparer les feuilles de styles du contenu.
Citons en particulier :
1 La rduction de la taille des pages : Les dfinitions de style ne sont faites qu'une seule fois, mme si elles
sont utilises plusieurs fois ;
2 La rduction des temps de connexion : Les navigateurs garderont en mmoire (en cache) le contenu de la
feuille de style CSS qui s'appliquera sur toutes les pages du site. Seuls les contenus des pages devront tre
chargs au cours de la navigation ;
3 Une mise jour plus facile : Vous n'aurez besoin que de changer la feuille de style pour mettre jour la
prsentation de l'ensemble de votre site ;
4 Scinder le travail de rdaction et le travail de prsentation : Vous pouvez commencer rdiger le contenu
de vos pages sans vous soucier de leur prsentation finale. Pensez simplement placer correctement vos
balises smantiques (titre, sous-titres, listes, classes et ID, etc.). Vous pourrez travailler votre mise en page et
votre design plus tard.
Premiers pas avec les CSS par "CSS Faciles"
- 8 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
III - Comment les CSS s'appliquent aux lments (X)HTML
Quelques rgles suffisent pour pouvoir sparer le contenu et sa prsentation. L'essentiel est de comprendre comment
tablir le lien entre un style et la phrase laquelle s'applique le style. Ce mcanisme est heureusement assez simple.
III-A - Comment appliquer un style aux balises (X)HTML standards
Avec les CSS, vous pouvez changer la prsentation de toutes les balises (X)HTML standards. Il vous suffit de spcifier
le nom de la balise et de faire figurer vos dfinitions comme suit :
Cette dfinition de style est placer dans une feuille de styles ou dans la section <head> de votre page.
p
{
font-weight:bold;
line-height:1.3em;
}

Code (X)HTML associ au CSS
<p>Ce style va s'appliquer moi car je suis un paragraphe.</p>
<div>Mais il ne s'appliquera pas moi.</div>

Le code ci-dessus aura pour effet de mettre en gras et d'augmenter la hauteur de ligne de tous les paragraphes
La syntaxe gnrale de dfinition est la suivante :
1 Prciser le nom de la balise en premier ;
2 Encadrer les dfinitions par des accolades { } ;
3 Placer un point virgule ; derrire chaque dfinition.
III-B - Comment utiliser des classes pour appliquer un style
Vous pouvez attribuer chaque lment (X)HTML une ou plusieurs classes. C'est vous qui dfinirez le nom de ces
classes et qui dciderez de leurs styles.
Les styles dfinis dans les classes remplaceront les styles "normaux" des lments auxquels ils s'appliquent.
Pour crer une classe, vous devez simplement faire figurer son nom prcd d'un point. Pour viter toute ambigut,
votre nom de classe ne doit pas comporter d'espace.
Cette dfinition de style est placer dans une feuille de styles ou dans la section <head> de votre page.
.mon-style
{
color:red;
}

Pour appliquer le style dfini dans votre classe un lment, ajouter la mention class="nom-du style" dans la dfinition
de la balise :
<p class="mon-style">Le style s'applique ce paragraphe</p>

<p>Mais pas celui-l</p>

Premiers pas avec les CSS par "CSS Faciles"
- 9 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
Cette faon de procder est trs pratique car elle permet d'appliquer les rglages de votre classe de nombreux
lments, mme s'ils ne sont pas du mme type :
<p class="mon-style">Le style peut s'appliquer ce paragraphe</p>

<div class="mon-style">Et aussi cette balise !</div>

III-C - Les lments (X)HTML peuvent avoir plusieurs classes
Chaque lment (X)HTML peut avoir aucune, une ou plusieurs classes. Pour appliquer plusieurs classes au mme
lment, prcisez simplement la liste de classes en sparant leurs noms par un espace :
Cette dfinition de styles est placer dans une feuille de styles ou dans la section <head> de votre page.
.mon-style1
{
color:yellow;
}

.mon-style2
{
background-color:#A0A0A0;
font-weight:bold;
}

Code (X)HTML associ au CSS
<p class="mon-style1 mon-style2">Les styles des deux classes s'appliquent ce paragraphe</p>

<p class="mon-style2">Alors que ce paragraphe n'a qu'une seule classe </p>

III-D - Comment utiliser des "ID" pour appliquer un style
Les lments (X)HTML peuvent se voir attribuer un id (identification) en plus ou la place d'une classe.
Le principe de l'id est trs similaire celui de la classe une exception prs :
Plusieurs lments peuvent avoir la mme classe ;
Il ne doit y avoir qu'un seul lment ayant un id donn.
Vous pourriez parfaitement vous contenter d'utiliser les classes pour tous vos styles et oublier compltement
l'existence des id.
Leur utilisation permet simplement de clarifier les choses et de mieux structurer vos
pages :
On utilise les classes pour dfinir l'aspect des mots, phrases et paragraphes ;
On utilise les id pour placer des blocs dans la page (sachant qu'on n'a gnralement jamais deux blocs
placs exactement au mme endroit).
Pour crer un id, vous devez simplement faire prcder son nom d'un dise #. Pour viter toute ambigut, votre
nom d'id ne doit pas comporter d'espace.
Cette dfinition de style est placer dans une feuille de styles ou dans la section <head> de votre page.
#mon-style
{
Premiers pas avec les CSS par "CSS Faciles"
- 10 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
Cette dfinition de style est placer dans une feuille de styles ou dans la section <head> de votre page.
color:red;
}

Pour appliquer le style dfini dans votre id un lment, ajouter la mention id="nom-du style" dans la dfinition
de la balise
<p id="mon-style">Le style s'applique ce paragraphe</p>

<p>Mais pas celui-l</p>

Premiers pas avec les CSS par "CSS Faciles"
- 11 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
IV - Priorit des styles, les uns par rapports aux autres
IV-A - Styles par dfaut, styles standards, classes et id
Par dfaut, chaque type de balise a une prsentation particulire dans chaque navigateur. Si vous n'avez dfini
aucun style particulier pour la balise <p>, il est possible que le texte contenu dans ces balises ne se prsente pas
exactement de la mme faon dans tous les navigateurs.
Lorsque vous dfinissez vous-mme le style d'une balise standard avec une dfinition telle que p {blablabla}, vous
obligez tous les navigateurs afficher votre texte de la mme faon.
Si vous attribuez une classe un paragraphe, les styles que vous aurez dfinis dans cette classe remplaceront
galement les styles standards du paragraphe et seront mme prioritaires par rapport aux styles que vous aurez
dfinis sous la forme p {blablabla}.
Si vous attribuez un id un paragraphe, les styles dfinis dans l'id seront prioritaires par rapport tous les autres
styles pouvant s'appliquer ce paragraphe.
Si vous dfinissez deux fois le mme style dans 2 classes diffrentes et que les 2 classes s'appliquent la mme
balise, c'est la dernire classe cite dans la dclaration class="classe1 classe2" qui sera prioritaire.
Si vous dfinissez 2 fois le mme style pour la mme balise standard, la mme classe ou le mme id, c'est la dernire
dfinition qui sera prioritaire.
En rsum, voici l'ordre des priorits (ceci est valable pour toutes les balises (X)HTML) :
1 Style standard dfini par le navigateur
.mon-style1
{
color:brown;
font-weight:bold;
}

.mon-style2
{
color:green;
}

2 Style standard redfini en CSS (la dernire dfinition est prioritaire)
CSS
p
{
color:brown;
}

.mon-style
{
color:green;
font-weight:bold;
}

(X)HTML
<p class="mon-style">
Ce paragraphe s'affiche en vert parce que la classe est prioritaire par rapport au style
standard de la balise
Premiers pas avec les CSS par "CSS Faciles"
- 12 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
(X)HTML
</p>

3 Style de classe CSS (la dernire dfinition est prioritaire)
CSS
.mon-style
{
color:brown;
font-weight:bold;
}

.mon-style
{
color:green;
}

(X)HTML
<p class="mon-style">Ce paragraphe s'affiche en vert parce que c'est la dernire
(re)dfinition de style qui est prioritaire</p>

4 Style d'id (la dernire dfinition est prioritaire)
CSS
#mon-style1
{
color:green;
}

.mon-style2
{
color:brown;
font-weight:bold;
}

(X)HTML
<p id="mon-style1" class="mon-style2">
Ce paragraphe s'affiche en vert parce que l'ID est prioritaire sur la classe
</p>

IV-B - Embotement de balises
Dans un cas d'embotement de balises tel que celui-ci :
<body>
<div>
<p>
bla bla bla
</p>
</div>
</body>

Les diffrents styles attribus aux balises <body>, <div> et <p> vont se combiner pour dfinir quels sont les styles
dfinitifs qui seront appliqus au texte "bla bla bla".
Premiers pas avec les CSS par "CSS Faciles"
- 13 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
Si le mme style est dfini, puis redfini dans ces diffrentes balises (la couleur du texte, par exemple), c'est la
dernire dfinition qui l'emportera sur les autres.
Si un style particulier n'est dfini que dans <body> il doit logiquement s'appliquer l'ensemble du contenu de <body>.
En vrit, certains styles (tels que la couleur, par exemple) se transmettent automatiquement aux balises embotes,
tandis que d'autres (tels que les marges, par exemple) ne se transmettent pas. Lorsqu'ils se transmettent, on dira
que le contenu des balises <div> et <p> aura "hrit" des proprits de <body>.
Premiers pas avec les CSS par "CSS Faciles"
- 14 -
Copyright 2008 CSS Faciles. Aucune reproduction, mme partielle, ne peut tre faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse
de l'auteur. Sinon vous encourez selon la loi jusqu' trois ans de prison et jusqu' 300 000 de dommages et intrts. Cette page est dpose la SACD.
http://css.developpez.com/tutoriels/premiers-pas/
Remerciements
Tous mes remerciements julp pour sa relecture.