CSS Débutant

Vous êtes ici >  CSS débutants

CSS débutant a vu le jour au mois de mars 2001 alors que les CSS étaient encore peu utilisées car mal implémentées dans les navigateurs. En matière d'évangélisation (amen !), peu de choses existaient alors dans le milieu francophone...
Depuis, bien sûr, les choses ont évolué. L'utilisation des feuilles de style est devenue pratique courante.

Mais lorsqu'on débute, par où commencer pour apprendre et comprendre les notions du langage CSS ?

Principe des CSS

Le design d'un site évolue toujours au fil du temps. Le problème, lorsqu'on n'utilise pas de feuilles de style, c'est qu'il faut reprendre toutes les pages une à une pour modifier une police de caractère ou une couleur de fond...
Avec les "Cascading Style Sheets" (CSS), ce lourd handicap est résolu.

C'est dans la feuille de style que l'on va déclarer toute la mise en forme des pages : la couleur de fond, les polices de caractère, leurs couleurs, etc.
Celle-ci sera liée à chaque page html. Ainsi, lorsqu'on en modifiera un élément, cela se répercutera immédiatement sur toutes les pages web. Puissant et pratique ;-)

Outre les couleurs et les polices, on peut aussi changer radicalement l'apparence d'un site en abandonnant la mise en page à l'aide de tableaux. Soyons clair : un tableau sert à présenter des données tabulaires -point barre-
Pour une mise en page souple et cohérente, on utilisera des "blocs" (appelés aussi "boites" ou "calques"), qui ont l'avantage de pouvoir être déplacés de gauche à droite, ou de haut en bas grâce aux CSS.

On peut aussi faire plusieurs feuilles de style dont chacune aura une fonction précise. Par exemple pour s'adapter aux différents médias, par exemple pour l'impression.

Mais chaque chose en son temps. En premier lieu, il faut avoir quelques notions de HTML. Rassurez-vous ! Il ne s'agit pas de connaître les balises par coeur . Mais seulement de savoir de quoi on parle avant de s'attaquer aux autres cours et tutoriels sur les CSS.
Rendez-vous donc à la page suivante pour les balises html plus courantes.