Donnez votre avis

Intégrer une feuille de style CSS

Posez votre question

Lors de la réalisation d'un site web il faut utiliser un langage maintenant incontournable dans le monde du WEB le CSS : Feuilles de style en cascade (Cascading Style Sheets) il permet de faire la présentation du site web.
Il y a trois manières possibles (voire plus) pour l'intégrer à une page web mais toutes doivent être placées avant la fermeture de la balise head

Avec la balise style

Il y a deux possibilités d'intégration avec la balise style.

NOTE : En xHTML les commentaires ne sont plus obligatoires.

Tout dans la même page

Cette possibilité est pratique lorsque vous n'avez pas beaucoup de code à mettre sinon ça fait cochon malade...

<style type="text/css">   
<!--  
Mon code CSS  
-->  
</style>

Si vous avez du code CSS uniquement pour une page vous pouvez utiliser cette méthode pour optimiser le fichier CSS ainsi que les autres pages HTML

Avec la propriété import

<style type="text/css">   
<!--  
@import url("source/page.css");  
-->  
</style>

Avec une balise meta

Cette solution est celle qui est la plus utilisée et c'est la plus simple. Elle se place toujours avant la fin de head.

<link rel="stylesheet" type="text/css" href="source/page.css" media="all"/>

Cet article est régulièrement mis à jour par des experts sous la direction de Jean-François Pillou, fondateur de CommentCaMarche et directeur délégué au développement numérique du groupe Figaro.

En savoir plus sur l'équipe CCM