Intégrer une feuille de style CSS

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"/>
Publié par maxime71500 - Dernière mise à jour le 14 février 2011 à 05:57 par boule97
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.
Suggestions
  •  Intégrer une feuille de style CSS
  •  Feuille de style css » Articles : Présentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...
  •  Lier une feuille de style » Meilleure réponse: voici une page html normale >>> ------------------------------------- <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html...
  •  Les classes de style (CSS) » Articles : Les classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
  •  Mise en page de XML avec XSL » Articles : Introduction à XSL XML est un langage de structuration des données, et non de représentation des données. Ainsi XSL (eXtensible StyleSheet Language) est un langage recommandé par le W3C pour effectuer la représentation des données de documents XML....
  •  Déclaration d'une feuille de style (CSS) » Articles : Déclaration d'une feuille de style Les feuilles de style sont un sur-ensemble du langage HTML, cela signifie qu'elle ne sont pas intégrées directement dans les recommandations HTML du W3C. Ainsi, il est nécessaire de renseigner le code HTML avec...
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?
Enlever le soulignement sous les liens en HTML/CSS
HTML 5 : Qu'est ce qui change ?