Intégrer une feuille de style CSS

Septembre 2016

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

A voir également :

Ce document intitulé «  Intégrer une feuille de style CSS  » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.