PREMIERS PAS CSS+PRATIQUE

Premiers pas avec les CSS

par "CSS Faciles"

Date de publication : 06/05/2008

Qu'est-ce que c'est ? Comment les utiliser ?

Les CSS (Cascading Style Sheets, c'est \u00e0 dire "feuilles de styles en cascade")

permettent de d\u00e9finir lapr\u00e9sentation des pages Web.

D\u00e9sormais, votre code HTML ne vous servira qu'\u00e0 d\u00e9finir lastructure de vos contenus tandis que les CSS vous permettront de cr\u00e9er vos styles et votre mise en page.

Premiers pas avec les CSS par "CSS Faciles"

- 2 -

Copyright \u00a9 2008 - CSS Faciles. Aucune reproduction, m\u00eame partielle, ne peut \u00eatre 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'\u00e0 3 ans de prison et jusqu'\u00e0 300 000 E de domages et int\u00e9r\u00eats.

http://css.developpez.com/tutoriels/premiers-pas/

I - L'ancienne fa\u00e7on d'appliquer des styles aux contenus

II - Comment fonctionnent les CSS
II-A - Les CSS dans le corps du code (X)HTML (\u00e0 utiliser avec mod\u00e9ration)
II-B - Les CSS dans l'en-t\u00eate de la page
II-C - Les CSS dans une feuille de style totalement s\u00e9par\u00e9e du code (X)HTML
II-D - Avantages des feuilles de styles s\u00e9par\u00e9es

III - Comment les CSS s'appliquent aux \u00e9l\u00e9ments (X)HTML
III-A - Comment appliquer un style aux balises (X)HTML standards
III-B - Comment utiliser des classes pour appliquer un style
III-C - Les \u00e9l\u00e9ments (X)HTML peuvent avoir plusieurs classes
III-D - Comment utiliser des "ID" pour appliquer un style

IV - Priorit\u00e9 des styles, les uns par rapports aux autres
IV-A - Styles par d\u00e9faut, styles standards, classes et id
IV-B - Embo\u00eetement de balises

Remerciements

Premiers pas avec les CSS par "CSS Faciles"

- 3 -

Copyright \u00a9 2008 - CSS Faciles. Aucune reproduction, m\u00eame partielle, ne peut \u00eatre 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'\u00e0 3 ans de prison et jusqu'\u00e0 300 000 E de domages et int\u00e9r\u00eats.

http://css.developpez.com/tutoriels/premiers-pas/

(1)

I - L'ancienne fa\u00e7on d'appliquer des styles aux contenus

Au d\u00e9but de l'histoire du Web, lorsque vous souhaitiez modifier le type de caract\u00e8re d'une portion de texte, vous

deviez utiliser la balise<font> en \u00e9crivant par exemple <font face="Times">.

Si vous souhaitiez d\u00e9finir la couleur de l'arri\u00e8re plan et la bordure d'un tableau ainsi que le retrait (padding) de chacune

de ses colonnes, vous auriez d\u00e9fini votre tableau par le code suivant :

Cette approche pr\u00e9sentait cependant de nombreux inconv\u00e9nients :

1

Vos styles \u00e9tant d\u00e9finis \u00e0 l'int\u00e9rieur m\u00eame de votre contenu, ils \u00e9taient fastidieux \u00e0 d\u00e9finir ;

2

Vous deviez r\u00e9p\u00e9ter la m\u00eame d\u00e9finition de style \u00e0 chaque fois que vous souhaitiez l'utiliser dans votre page

o\u00f9 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 \u00e0 jour, une par une, les diverses d\u00e9finitions qu'elles contenaient ;

4

Ces r\u00e9p\u00e9titions augmentaient la taille de vos pages ;

5

Vos styles \u00e9taient fig\u00e9s, les contenus se pr\u00e9sentaient de la m\u00eame fa\u00e7on pour tous les usages possibles :

\u00e9cran, imprimante, PDA, lecteurs vocaux,etc..

Category:	Uncategorized.
Rating:
Upload Date:	12/01/2009
Copyright:	Attribution Non-commercial
Tags:	This document has no tags.

Documents

People