Insérer une feuille de style

Noter ce cours :

Liens sponsorisés :

Pour insérer un style dans un document il existe plusieurs méthodes :

<p style="text-align:center">Texte centré</p>

<link rel="stylesheet" href="style.css" type="text/css" media="screen" />

Dans notre cas ce code se place entre les balises <head><;/strong> et </head>. Nous appelons la feuille de style située dans le répertoire courant et nommée style.css. Celle-ci sera utilisée seulement pour l'affichage à l'écran (car l'attribut media est égal à screen). Il existe différents attributs comme print (pour l'impression du document), projection (projection via un vidéo projecteur par exemple)...

  • Par l'intermédiaire d'une feuille de style externe (située sur un autre serveur). Solution à recommander si vous ne souhaitez pas opter pour la précédente.
    Exemple :

<style type="text/css">
@import url('http://www.site.com/style.css');
</style>

Ce code se place entre les balises <head> et </head>. Nous appelons la feuille de style située dans le répertoire courant du site site.com et nommée style.css. Celle-ci sera utilisée seulement pour l'affichage à l'écran (car l'attribut media est égal à screen).

Vous avez aimé cet article intitulé Insérer une feuille de style ? Partagez-le !