pourquoi les documents utilisent CSS

Qu'est-ce que c'est que le CSS ?

Le CSS est un langage qui nous permettra de décrire la présentation d'un document structuré en HTML, XHTML ou XML.
Ce "langage de présentation" est généralement écrit à l'intérieur d'une feuille de style en cascade.
En clair, l'utilisation des feuilles de styles en cascade nous permettra de gérer la mise en page d'un document, c'est-à-dire que nous pourrons définir simplement la couleur, la typographie, le positionnement (etc) des éléments d'un document

Qu'est-ce qu'on peut faire avec CSS ?

CSS est un langage de style qui définit la présentation des documents HTML. Par exemple, CSS couvre les polices, les couleurs, les marges, les lignes, la hauteur, la largeur, les images d'arrière-plan, les positionnements évolués et bien d'autres choses. Attendez de voir !
HTML peut être (mal)utilisé pour la présentation des sites Web. Mais CSS offre plus d'options et se montre plus précis et sophistiqué. CSS est pris en charge par tous les navigateurs actuels.
Après seulement quelques leçons dans ce tutoriel, vous pourrez fabriquer vos propres feuilles de style avec CSS pour donner un aspect tout nouveau à votre site Web.

Quelle est la différence entre CSS et HTML ?

HTML sert à structurer le contenu, CSS sert à formater un contenu structuré.
Bon, ça sonne un peu technique et confus. Mais continuez à lire, ça prendra tout son sens bientôt.
Retour au bon vieux temps où Madonna était une vierge et un type nommé Tim Berners Lee inventait le World Wide Web, le langage HTML était seulement utilisé pour structurer du texte. Un auteur pouvait marquer son texte en déclarant "voici un titre" ou "voici un paragraphe", avec les balises HTML <h1>, ou <p>.
La popularité du Web croissant, les concepteurs se mirent à rechercher des moyens pour ajouter de la présentation aux documents en ligne. Pour satisfaire à cette demande, les éditeurs de navigateurs (en ce temps-là, Netscape et Microsoft) inventèrent de nouvelles balises HTML, comme par exemple <font>, qui différaient des éléments originaux en cela qu'ils définissaient une présentation et non une structure.
Cela conduisit aussi à une situation où les balises de structure originales, telle que <table>, étaient de plus en plus utilisées à tort pour présenter les pages et non pour ajouter une structure au texte. Beaucoup de nouvelles balises de présentation, telle que <blink>, n'étaient reconnues que par un type de navigateur. "Vous devez utiliser le navigateur X pour voir cette page" devint un avertissement courant sur les sites Web.
CSS fut inventé pour remédier à cette situation en offrant aux concepteurs Web des possibilités de présentations sophistiquées, gérées par tous les navigateurs. En même temps, séparer le style de présentation des documents de leur contenu rend leur entretien beaucoup plus facile.

Quels sont les avantages de CSS ?

CSS fut une révolution dans l'univers de la conception Web. Les avantages concrets de CSS sont les suivants :

• Le contrôle de la présentation de plusieurs documents par une seule feuille de style ;
• Un contrôle plus précis de la présentation ;
• Des présentations différentes appliquées à des types de médias différents (à l'écran, à l'impression, etc.) ;
• De nombreuses techniques évoluées et sophistiquées.

CSS vous aide à garder l'information contenue dans votre document séparée des détails de sa présentation. Ces détails de présentation d'un document sont appelés son style. La séparation du style et du contenu permet :

* D'éviter des duplications

* Une maintenance plus facile

* D'utiliser le même contenu avec différents styles pour différents usages 

par exemple Votre site Web peut avoir des milliers de pages qui ont un aspect similaire. Avec CSS, vous conservez les informations de style dans des fichiers communs partagés par toutes les pages.

Lorsqu'un visiteur affiche une page, son navigateur charge les informations de style en même temps que le contenu de la page donc vous gagniez beaucoup du temps avec l'utilisation de CSS.

Lorsqu'il imprime une page, vous fournissez des informations de style différentes qui rendent la page imprimée facile à lire.
En général, avec, CSS, vous utilisez le langage de balisage pour décrire les informations contenues dans le document, et non son style. CSS est utilisé pour spécifier son style et non son contenu. (Plus loin dans ce tutoriel, vous verrez qu'il peut y avoir certaines exceptions à cet arrangement.)

Un langage de balisage comme HTML fournit également certaines manières de préciser un style.

Par exemple, en HTML, il est possible d'utiliser une balise pour rendre du texte gras, ou de spécifier la couleur de fond d'une page dans sa balise .

Lorsqu'on utilise CSS, on évite généralement d'utiliser ces possibilités du langage de balisage afin que toutes les informations de style du document se retrouvent à la même place. 

Cours  en CSS