TriadPtale a écrit :
En règle générale, une feuille de style peut être placée n'importe où :
- apellée via une balise link placée dans le head
- placée dans la balise style placée dans le head
- apellée via une balise style placée dans le head (directive @import)
C'est équivallent, à moins que certaines règles soient présentes plusieurs fois (alors il faut regarder la priorité).
(edit: grillé
)
Allez, on va écrire tout ça parcequ'on est d'humeur joyeuse
(merci à feu Elliott Smith que j'écoute en ce moment)
Appel via link : (dans <head></head>)
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
Appel via style : (toujours dans <head></head>)
<style type="text/css" media="screen">
@import url(style.css);
</style>
Utilisation de style directement pour mettre les codes CSS (encore et toujours dans <head></head>)
<style type="text/css" media="screen">
body { background: #eee }
p
{
text-indent: 2em;
line-height: 1.5em
}
a { text-decoration: none }
</style>
A éviter en "production" car s'il y a plusieurs pages, c'est autant de fois à modifier le style alors qu'un appel de fichier externe ne pose pas ce problème et c'est là tout l'avantage des styles CSS
Enfin, tu peux aussi utiliser les styles en ligne directement dans une balise (dans le <body> cette fois ci)
<div style="color: #f00; background: #222">
<p style="margin: 0">Un texte sans marges</p>
<p>Un autre texte avec marge cette fois ci</p>
<p>Le toute dans une div avec la couleur rouge et un fond gris</p>
</div>
Mais cette méthode est à utiliser en de rares cas car bien moins souples que les autres méthodes.
Modifié par Olivier (01 Jul 2005 - 12:24)