Où écrire les css
Introduction
La majorité des feuilles de style est gérée partir de la version 3.0 pour Internet Explorer et la version 4.0 pour Netscape.
Il faut savoir aussi qu'il existe entre les navigateurs pour Macintosh, Windows et Linux des variantes d'interprétations pour une même feuille de style.
Il existe plusieurs façons de déclarer une feuille de style CSS :
- dans la balise HTML ou XHTML grâce à l'attribut
STYLE - dans une balise HTML ou XHTML
STYLE, - dans un fichier externe, ayant pour extension .css.
Dans une balise HTML ou XHTML
Utiliser l'attribut style
Vous pouvez assigner une propriété de feuille de style CSS au sein même d'une balise HTML ou XHTML. Pour cela vous devez utiliser l'attribut STYLE.
<p style=" définition0 : valeur; définition1 : valeur; "> Texte </p>Ces propriétés de feuille de style CSS prennent le dessus ou se cumulent.
Mettre les propriétés CSS dans l'attribut style est à utiliser dans les cas extrêmes : que si vous ne pouvez pas les mettre dans un fichier CSS externe ou dans une balise HTML style
Dans Accéder aux Css en Javascript, vous apprendrez à changer les valeurs de l'attribut style en Javascript.
Dans une balise Style
Utiliser la balise style
Vous pouvez déclarer vos propriétés de feuille de style CSS dans une balise HTML ou XHTML STYLE qui doit être déclarée dans la balise HTML head :
<html>
<head>
<style type="text/css">
/* Vos CSS */
</style>
</head>
<body>
</body>
<html>Pour information vous verrez peut-être aussi l'utilisation des commentaires html (<!-- -->). Cependant de nos jours, ils ne sont plus utiles.
<style type="text/css">
<!--
/* Vos CSS */
-->
</style>Dans un fichier externe
Utiliser un fichier externe CSS
Vous pouvez aussi déclarer vos propriétés de feuille de style css dans un fichier externe ayant pour extension .css
A l'intérieur du fichier, vous écrirez vos propriétés CSS directement :
/*Vos CSS*/Pour information vous verrez peut-être aussi l'utilisation des commentaires html (<!-- -->). Cependant de nos jours, ils ne sont plus utiles.
<!--
/* Vos CSS */
-->Vous devez lier votre page HTML au fichier CSS, dans votre page déclarez votre feuille CSS externe avec la balise HTML ou XHTML LINK :
<html>
<head>
<link rel="stylesheet" href="chemin/feuille.css">
</head>
<body>
</body>
<html>Conclusion
Quel choix faire ?
Vous devez utiliser une feuille de style externe si cette dernière est utilisée dans plusieurs pages.
Vous pouvez parfaitement utiliser le 3 techniques.
Par exemple, vous avez une feuille de style externe pour votre charte globale, et une balise HTML ou XHTML STYLE pour compléter la mise en page d'éléments spécifiques.
Attention, déclarer toujours votre CSS externe avant la balise HTML ou XHTML STYLE, sinon elle prendra le dessus.
En règle générale, une seule feuille de style externe suffit.