// style. 3, styles internes à la page
_____

à jour le
7 mars 2004

Eric Pichon  

 recommander ce site  site (cours internet)

suite scripts  

 

La balise <style>

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 voir la fiche est la même que pour les feuilles de style externe.

 

L'attribut style

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>). 


 

Cascade

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>

 

 

haut de page
suite

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]