On peut déclarer les styles propres à une page dans l'entête de celle-ci.
La définition de ces style sera encadrée par les balises <style> et </style>
<head>....
<style type="text/css">
...
La syntaxe
est la même que pour les feuilles de style externe.
Nous avons vu précédemment (cf couleur et typographie) que l'on pouvait utiliser un attribut style= pour définir la forme et la mise en page d'un élément encadré par une balise.
Cet attribut contient à lui seul toute les propriétés de mise en forme de la balise :
<H3 style="text-align:center; font-family:arial,helvetica,sans-serif; color:#99999>
l'effet de l'attribut style prend fin à la fermeture de la balise (dans notre exemple : </h3>).
principe des styles "en cascade" : en cas de définition contradictoire dans les mises en forme, c'est la dernière définition de style appelée qui "l'emporte".
<head> | |
<link rel ... href="style.css"> <link rel ... href="style2.css"> |
en cas de contradiction, la mise en forme définie par style2.css sera appliquée, |
<style>h2{color:red}</style> | mais sur cette page les titres h2 seront rouges |
</head><body> |
|
<h2 style="color:green"> ... </h1> | sauf pour les titres h2 où un attribut 'style' en décide autrement. |
... </body> |
Creative Commons License. Attribution : ce site peut être reproduit et distribué à condition que l'auteur initial, eric pichon, soit cité.- Non commercial : aucune adaptation, reproduction ou utilisation de ce site ne peut être faite à des fins commerciales, sans accord de l'offrant ('licensor') - Partage à l'identique : des adaptations de ce site ne peuvent être diffusées que sous une autorisation identique. [cf texte intégral en français]