Où écrire les css.




- Dans une balise HTML -

Vous pouvez assigner une propriété de feuille de style css au sein même d'une balise HTML.
Pour cela vous devez utiliser l'attribut STYLE.

<p style="définition0:valeur; définition1:valeur;"> Texte </p>




- Dans une balise Style -

Vous pouvez mettre toutes vos propriétés de feuille de style css dans une balise HTML entre les balise HEAD :

<html>
<head>
<style type="text/css">
<!-- /* Votre CSS ICI */ -->
</style>
</head>
<body>

Votre Texte ICI

</body>
<html>




À ce jour 24.01.2023 je viens de m'apercevoir qu'il est préférable d'écrire la balise style comme ceci <style> aulieu de <style type="text/css"> pour passer la validation en w3c HTML5

Définition et utilisation

L'attribut type spécifie le type de média Internet (anciennement connu sous le nom de type MIME) de la balise <style>.

L'attribut type identifie le contenu entre les balises <style> et </style>.

La valeur par défaut est "text/css", ce qui indique que le contenu est CSS.

NOTE: Pour rappel toutes mes pages sont validées W3C en HTML5 et CSS3




- Dans un fichier externe -

Vous pouvez aussi mettre vos propriétés de feuille de style css dans un fichier externe d'extension .css

A l'intérieur de votre page HTML vous déclarez votre feuille css externe entre les balises HTML avec la balise LINK :

<html>
<head>
<link rel="stylesheet" href="chemin/feuille.css">
</head>
<body>

Votre Texte ICI

</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 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 STYLE, sinon elle prendra le dessus.

En règle générale, une seule feuille de style externe suffit.