CSS > Inclure des CSS dans une page XHTML
Il existe 3 manière d'inclure des styles CSS
- Feuilles de style externes
- Feuilles de style internes
- Styles en ligne
Feuilles de style externes
Idéal pour regrouper des styles qui seront appliqués à plusieurs pages XHTML.
Chaque fichier CSS à inclure doit être ajouté dans l'entête du document via une balise "link".
...
<head>
...
<link rel="stylesheet" type="text/css" href="style-textes.css" />
<link rel="stylesheet" type="text/css" href="style-tables.css" />
...
</head>
...
Feuilles de style internes
Peuvent-être utilisées pour déclarer des styles qui ne seront utiles qu'à une seule page XHTML,
il est cependant conseillé d'utiliser à la place des feuilles de style externes.
Les instructions CSS sont ajoutées dans l'entête du document via une balise "style".
...
<head>
...
<style type="text/css">
.paragraphe { color:red;
margin-left:20px;}
</style>
...
</head>
...
Styles en ligne
Styles appliqués directement sur un élément XHTML. A proscrire car cela mélange la structure du document
et sa présentation !
Les instructions CSS sont ajoutées dans l'élément XHTML via un attribut "style".
<p style="color:red; font-size:14px;">
Lorem ipsum
</p>
Ordre d'évaluation des styles par le navigateur
Chaque nouvelle déclaration concernant un même élément, un même groupe d'élément, une même classe, etc.,
complète ou remplace la précédente.
- Styles par défaut définis par le navigateur
- Feuilles de style externes (dans l'ordre de déclaration)
- Feuilles de style internes
- Styles en ligne
