« Le langage CSS/Interface HTML » : différence entre les versions

Contenu supprimé Contenu ajouté
copie depuis mon brouillon
 
Tavernierbot (discussion | contributions)
m Bot: Retouches cosmétiques
Ligne 6 :
 
 
== Intégrer une feuille de style externe ==
 
C'est la façon de faire la plus courante : dans l'élément <code><head></code> on ajoute un élément <code><link></code> :
Ligne 20 :
L'utilisation de cette balise permet très facilement d'utiliser une feuille de style pour plusieurs documents HTML.
 
== Intégrer du style directement dans la page ==
 
Dans le cas où on voudra que le code CSS ne s'applique qu'à une page : on pourra l'inclure directement dans le code HTML.
Ligne 33 :
</html>
 
== Intégrer du style directement dans un élément HTML ==
 
Lorqu'un style s'applique à un seul élément : plutôt que de lui créé une classe, on peut inclure le code dans l'élément lui même grâce à l'attribut <code>style</code>.
Ligne 45 :
</p></pre>
 
== Définir une feuille de style pour différents médias ==
 
Pour chaque liaison, il faut préciser le média. Le média est précisé dans l'attribut <code>media</code> de l'élément <code><link></code>. Cet attribut est indispensable.
Ligne 74 :
<link rel="stylesheet" href="accessibilite.css" media="braille, embossed" />
 
== Les feuilles de styles alternatives ==
 
C'est une fonctionnalité purement esthétique. Elle permet de spécifier des feuilles alternatives à la feuille par défaut. On peut alors, par le biais du navigateur, choisir celle qu'on souhaite. Ce choix s'apparente à celui d'un thème graphique.
Ligne 88 :
<link rel="alternative stylesheet" href="ciel.css" title="Thème bleu" media="screen" />
 
== Un exemple complet ==
 
Cet exemple présente une page d'un site de cours. Cette page est la seule du site qui regroupe les définitions. Certaines sont importantes : elles seront mises en valeurs. Une définition est particulière...