Les CSS

C'est quoi?
CSS (Cascading Style Sheets : feuilles de style en cascade) est un langage informatique qui sert à décrire la présentation des documents HTML et XML. Les standards définissant CSS sont publiés par le World Wide Web Consortium (W3C). Introduit au milieu des années 1990, CSS devient couramment utilisé dans la conception de sites web et bien pris en charge par les navigateurs web dans les années 2000.

Références: "wikipédia"et

Depuis quand?
Les feuilles de styles (CSS) existent depuis 1996. Elles ne sont vraiment correctement supportées par les navigateurs que depuis 2000-2001. C'est donc depuis cette date qu'elles sont devenues très présentes sur le Web. Netscape 4.x est sans doute le dernier navigateur encore un peu utilisé qui les supportent mal. Si vous utilisez ce navigateur, vous aurez de gros problèmes à visualiser ce site.

Les versions de 2000 ou plus des navigateurs gecko (netscape 6 ou supérieur, Mozilla, Firefox, Galeon,...), Internet Explorer (versions 5 ou supérieures, pour Windows ou mac), Opéra (versions 4 et supérieures), KHTML (Konqueror pour linux, Safari pour Mac) sont normalement compatibles (avec quelques faiblesses pour Internet Explorer) avec les feuilles de style, donc avec ce site.

Les feuilles de styles permettent de simplifier et de rendre plus puissant un codage HTML :

Simplifier:

• La mise en forme va être placée à part du code HTML (en général dans un fichier extérieur, mais ce n'est pas obligatoire). Le code HTML, très simplifié, va alors se concentrer sur le contenu, en laissant tomber le gros de la mise en forme.
• Le ou les styles créés s'appliquent à toutes les pages du site. On a plus à gérer la mise en forme page par page. D'ou un gain de temps au développement, et un code plus léger (donc plus rapide à charger) à la lecture du site.
• En intervenant sur le fichier définissant les styles, on va accélérer la maintenance : pour changer une couleur de titre, on a plus besoin de retoucher 50 articles un par un. On change seulement, en une seule fois, la définition du style "titre". D'ou une maintenance plus simple, et la possiblité de "skiner" un site.

Rendre plus puissant:

• Les codes de mise en forme du HTML sont moins puissants que ceux des feuilles de style (ou CSS version 2). D'ou leur abandon progressif.
• En combinant les CSS avec des programmes javascript, PHP ou ASP, on peut modifier de façon dynamique l'apparence d'un site, bien plus puissament qu'avec un code HTML mélangeant contenu et mise en forme.

Références: "batraciens.net"

Comment choisir et pourquoi?
Le langage CSS (Cascading Style Sheets) est utilisé pour définir l’aspect futur de votre site, comme par exemple la couleur du fond de la page ou le type de police.

Plus concrètement, le CSS (ou feuille de style), c’est un petit fichier (exemple : « style.css ») dans lequel vous allez définir l’aspect futur de votre site.

• La structure et la présentation sont gérées séparément
• La conception sans se soucier de la présentation,
• Le code HTML est réduit en taille et en complexité.

Pour être honnête, le CSS est parfait pour définir la police de caractère "générale" via une feuille de style, ou la couleur du fond de la page c'est très facile et surtout indispensable !

Définir l'ensemble de ses informations dans un seul fichier simplifie la tache en cas de modification.

Mais, au final, le CSS permet de définir la position de chaque élément de son site ! Un site entierement gérer avec du CSS !

Mais régler tout son site en CSS demande de la patience, notament avec l'affichage qui peut changer selon le navigateurs !

Le CSS est là pour séparer le contenu (HTML) d'un document de son apparence de présentation (CSS).

Références: "www.cssdebutant.com/index.html"

Principe de base
Lorsque vous travaillez avec le code HTML, vous mettez tranquillement en forme des documents à l'aide de tags que les navigateurs interprètent pour restituer la page origine. Vous pouvez choisir la police, corps gras ou italique ... monter des cadres, des tableaux, des liens hypertexte, positionner des retraits ... et réaliser des sites fort agréables et parfois superbes. On dit que le HTML est un langage de marque logique (vous définissez logiquement le contenu d'une page à l'aide de tags ).

Vous connaissez certainement l'inconvénient majeur qui existe suite aux divergences d'interprétation des navigateurs ne restituant pas à l'identique les contenus, sans oublier les "tags propriétaires" qui fonctionnent chez l'un mais pas chez l'autre. Netscape est très pointilleux alors qu'Internet Explorer est moins sévère mais vous trouverez dans un chapître adéquat les "astuces" pour limiter les distorsions de nos chers navigateurs.

Le HTML est indispensable mais ses limites peuvent freiner votre esprit de créativité et s'il devenait possible d'ajouter un "zeste" de quelque chose qui faciliterait une avancée, ce serait idéal.

Le CSS vous apporte ce "zeste" en imbriquant son langage complémentaire au HTML de base. Il est officiellement reconnu par le W3C et donc normalisé. Attention toutefois, de même que pour le javascript, il est possible d'atteindre les mêmes buts par des scripts différents.

De plus savez-vous que le CSS est la voie royale qui mène au langage DHTML (le web en mouvement) ?

Références: "Aidenet.com: aide informatique et nouvelles technologies"