| Définition: | On parle de style lorsqu'il s'agit de mettre en forme un document. Le style peut-être défini à 3 endroits différents. A) Dans le tag html, B) Dans l'entête du document html, C) Dans un fichier externe. |
| A) Dans le tag html | Le style est directement défini dans le tag html. Ce style ne peut pas être utilisé à un autre endroit du fichier. A utiliser dans les cas exceptionnels. |
| Exemples: |
<b style="color:red"> </b>
<div style="margin-left: 0.3cm"> </div>
|
| B) Dans l'entête du doc | Ce style est limité au document html dans lequel il est défini. Pour le définir, il faut le placer entre les balises <style type="text/css"> et </style> (en général entre <head> et </head> |
| Application du style | Utiliser l'attribut class des éléments avec le nom du style |
| Exemples de style: |
b {color:red} => Texte gras rouge pour tous les éléments b. div {margin-left: 0.3cm} => Marge de 0.3 cm à gauche pour tous les éléments div .vert {color:green} => Texte gras vert seulement pour les éléments applicant le style vert (class="vert") |
| Application: | <b class="vert">texte vert</b> |
| C) Dans un fichier externe (.css) | Ce style est valable pour toutes les pages qui ont un lien sur ce fichier. Pour créer un fichier .css, il suffit de créer des éléments de style dans celui-ci. (création = idem B) |
| Lien vers fichier css | <link rel="stylesheet" type="text/css" href="chemin/fichier.css" /> |
| Exemple: | feuille de style de jnv.ch |
| Pour plus d'info | allhtml.com |