style css et le standard du w3c
Le langage HTML souffre de nombreuses lacunes en matière de mise en forme du contenu, il est en effet difficile de faire une présentation positionnée au pixel près avec des styles de couleur et différentes polices en HTML, en 1996 le W3C normalise la première version du CSS (CSS1) qui fût mis à jour en 1999 pour donner CSS2 et c'est en 1998 que le CSS devient une recommandation du W3C.
Le CSS permet la mise en forme d'une page Web, en définissant des styles (polices, taille des polices, couleurs, images d'arrière plan, espacements, positionnement etc) aux différents éléments et balises HTML de présentation de la page (images, titres, sous titres, paragraphes, tableaux, listes etc)
<head>
<title>Mon HTML Stylisé</title>
<style type="text/css">
<!--
.MonStyle {color: #0000CC;}
-->
</style>
</head>
Il est impératif que <style type="text/css">...</style>
soit placé entre <head> et </head> du document.
C'est entre l'ouverture et la fermeture de <style type="text/css">
que nous devons insérer les styles pour les différents éléments visuelles de
la page.
Pour les navigateurs anciens il est nécessaire de mettre les styles CSS dans
un commentaire <!-- --> afin qu'ils ne soient pas interprétés comme des
textes à afficher.
* Voici comment appeler le style dans une balise de la page HTML
<div class="MonStyle">Le texte ici</div>
NB: Le style s'applique uniquement à la page.
<p style="font-size: 10pt; margin :2px ;">Le texte ici</p>
Il est possible d'insérer des styles uniques, directement sur une balise HTML.
Pour ce faire il faut ajouter l'attribut style="font-size:10pt;", dans
les balises HTML, voir l'exemple ci-dessus.
NB: La commande style n'agit pas globalement, mais formate uniquement la balise sur laquelle elle est appliquée.
<head> <title>Mon HTML Stylisé</title> <link rel="stylesheet" type="text/css" href="style.css"> </head>
Lors de la conception d'un site internet, il est probable qu'une interface graphique soit commune à toutes nos pages. Donc, avec l'utilisation des précédentes méthodes d'insertion, nous sommes dans l'obligation d'insérer nos styles dans toutes les pages de notre site. Néanmoins, nous pouvons définir tous nos styles globaux (et c'est l'un des principaux intérêts des CSS) dans un fichier texte externe et l'attacher à toutes les pages, voir l'exemple ci-dessus.
NB: Le fichier doit porter l'extension .css
