Feuille de Style

 

ce tutoriel est la proprièté de

http://www.ameliacreation.com

 

 

 

La feuille de style est comprise entre les balises

<style> et </style et se trouve en tête de page soit entre les balises <head> et </head>

 

la feuille de Style  CSS permet la mise en forme de la page , ses attributs

En clair la police utilisé , lacouleur, la taille

le fond , la distance etc....

les scrollbars etc.

C' est un complement au html

 

1

BORDER-RIGHT

BORDER-TOP

BORDER-BOTTOM

BORDER-LEFT

Vous saurez tous en allant ici :

http://www.aidenet.com/css/css94.htm

 

2

'SCROLLBAR"

mon tutoriel

http://www.ameliacreation.com/tutoriels_psp/codes/scrollbar/scrollbar.htm

3

BACKGROUND-ATTACHMENT

BACKGROUND-POSITION:

http://www.ameliacreation.com/tutoriels_psp/codes/montage/tutoriel.htm

vous pouvez trouvez des tuts plus complets que les miens qui sont tres basiques :)

4

PADDING-LEFT

PADDING-RIGHT

etc..

c'est ...la distance entre le bord de la page et le tableau,paragraphe etc;....

ici

http://www.aidenet.com/css/css96.htm

5

A:link

A:visited

A:hover

a:link, couleur des liens qui n'ont pas été visités
a:visited, couleur des liens visités

A HOVER ,c'est simplement quand un lien change de couleur au passage de la souris

Pas dur ,il suffit de copier le code si dessous entre les balises <head> et </head>

pour choisir la couleur du changement changer le code couleur en html

text-decoration: none = lien non souligné

text-decoration: underline = lien souligné dessous

text-decoration: overline underline = lien souligné dessus et dessous

dans l'exemple A HOVER a la decoration dotted,on a remplace les traits par des points

6

Cursor

c'est la forme du curseur ici une croix crosshair il en existe d'autres utilisable a certaines conditions

auto = curseur automatique (réglage normal).
default = curseur standard indépendant de la plate-forme.
crosshair = curseur de la forme d'une simple croix.
pointer = curseur de la forme d'une flèche.
move = curseur de la forme d'une croix signalant la possibilité de déplacer l'élément.
n-resize = curseur de la forme d'une flèche pointant vers le haut (n = nord).
ne-resize = curseur de la forme d'une flèche pointant vers le haut à droite (ne = nord-est).
e-resize = curseur de la forme d'une flèche pointant vers la droite (e = est).
se-resize = curseur de la forme d'une flèche pointant vers le bas à droite (se = sud-est).
s-resize = curseur de la forme d'une flèche pointant vers le bas (s = sud).
sw-resize = curseur de la forme d'une flèche pointant vers le bas à gauche (sw = sud-ouest).
w-resize = curseur de la forme d'une flèche pointant vers la gauche (w = ouest).
nw-resize = curseur de la forme d'une flèche pointant vers le haut à gauche (nw = nord-ouest).
text = curseur sous une forme qui symbolise du texte normal.
wait = curseur sous la forme d'un symbole signalant l'attente.
help = curseur sous forme d'un symbole qui signale de l'aide pour l'élément.
url([fichier]) = curseur au choix, [fichier] doit être un graphique GIF ou JPG.

 

C'est loin d'etre finit mais c'est un debut:)

Menu

 

Tubes de MARIEL