|
 Css ou feuilles de style en cascade
 |
Les feuilles de style ou css (cascading style sheets) pour feuilles de style en cascade sont très utiles pour définir la présentation d'une page web tant au niveau du contenu que pour l'apparence des liens hypertexte. |
On peut distinguer différents types de feuilles de style :
les feuilles de style en ligne :
Celles-ci peuvent être utiles pour une petite portion d'un texte.
ex : <span Style="Font: 14px Verdana; color:purple;">"positive attitude"</span>
résultat :
"positive attitude"
note : on peut appliquer un style en ligne à toutes les balises HTML, exceptés : html, head, title, style, script, meta, base, basefont, param.
les feuilles de style interne à une page web :
Pour ce genre de style vous devrez définir la feuille entre les balises <head> et </head> de votre document ex :
<style type="text/css">
<!--
.Style5 { color: #003399;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}
-->
</style>
Enfin pour l'appliquer au texte on ajoutera dans le code entre les balises <body> </body> par ex :
<span class="style5">"il est bon ton café gringo"</span>
résultat : "il est bon ton café gringo"
note : la feuille de style interne définit au départ puis appliqué au sein du document porte le même nom ! içi style5
l'attribut class peut être également introduit dans les balises <p>, <a>, <div>
On peut modifier l'arrière plan d'une page web en insérant un style entre les balises <head> et </head> du code HTML :
 insérer une image d'arrière plan :
<style type="text/css">
body {
background-image: url(images/nomdelimage.jpg);
}
</style>
insérer une couleur d'arrière plan :
<style type="text/css">
body {
background-color: #0099FF;
}
</style>
Générerateur de feuille de style externe
Créer une "feuille de style externe" ou "fichier .css" en quelques instants sans connaissances particulières :
générer une feuille de style
L'avantage de cette feuille de style réside dans le fait que pour modifier tout le site vous n'avez besoin de modifier qu'un seul fichier !
|
