Les cours css : Où écrire les css

Page d'introduction

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 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

Définition

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.
Exemple de code :
<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.

Dans une balise Style

Définition

Vous pouvez mettre toutes vos propriétés de feuille de style css dans une balise HTML ou XHTML STYLE :
Exemple de code :
<html>
  <head>
    <style type="text/css">
      <!--
        /* Vos CSS */
      -->
    </style>
  </head>
  <body>
  </body>
<html>

Dans un fichier externe

Définition

Vous pouvez aussi mettre vos propriétés de feuille de style css dans un fichier externe d'extension .css
A l'intérieur du fichier, vous écrirez vos css comme ceci :
Exemple de code :
<!--
  /*Vos CSS*/
-->

Dans votre page pour déclarer votre feuille css externe avec la balise HTML ou XHTML LINK :
Exemple de code :
<html>
  <head>
    <link rel="stylesheet" href="chemin/feuille.css">
  </head>
  <body>
  </body>
<html>

Conclusion

Infos

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 feuille de style css avant la balise HTML ou XHTML STYLE, sinon elle prendra le dessus.

La balise HTML ou XHTML STYLE gère en général les feuilles de STYLE internes.<STYLE> </STYLE> La Zone CSS est entièrement consacrée aux feuilles de s...[Voir]La balise HTML et XHTML LINK permet de spécifier les relations entre les pages du site. La balise HTML et XHTML LINK permet aussi de lier un feuille d...[Voir]