Feuille de Style

Feuille de style CSS (cascade style sheet)

Le css est très pratique quand on change souvent de webset car il n'est plus nécessaire de changer toutes les pages de votre site. Vous n'avez qu'à changer la page css. Le css permet de définir les caractéristiques du contenu de nos pages web. Les gros avantages sont :

1- chargement plus rapide de vos pages
2- pages uniformes
3- beaucoup moins de travail pour le webmaster :))

Voici comment faire :

Ouvrez votre bloc note ou et placez-y ce code :

Enregistrez le sous n'importe quel nom du moment que vous donnez comme extension .css
Pour ce tutoriel, j'ai sauvegardé sous ''test.css''

Maintenant, il s'agit d'indiquer vos paramètres. Je vous ai séparés la feuille en 4 parties.

Commençons avec le bloc 1 :

-choix du curseur
-choix de couleur et de décoration de texte sur le lien normal
-choix de couleur et de décoration de texte sur le lien visité
-choix de couleur et décoration de texte sur le lien actif
-choix de couleur et décoration de texte sur le lien au passage de la souris

En ce qui concerne la décoration de texte, je vous donne quelques exemples...vous pourriez mettre:

text-decoration:none (aucune décoration)
text-decoration:underline (soulignés)
text-decoration:overline (surlignés)
text-decoration:underline-overline (soulignés et surlignés)
line-through (barrés)

Le bloc 2, vous y êtes habitués, c'est la barre de défilement.

Bloc 3 :

-choix de la couleur du texte dans la page
-taille de la police d'écriture
-choix de la police d'écriture
-distance entre les lignes
-couleur d'arrière plan
-image d'arrière-plan
-fixed (sert à mettre l'image d'arrière-plan statique)
-curseur (si vous n'en avez pas, vous pouvez supprimer cette ligne)

Passons au bloc 4 :

Le bloc 4 sert à définir les propriétés des formulaires, à vous de donner vos couleurs.

* notez que background ici est transparent, vous pourriez mettre une couleur

*notez que border-style ici a été mis en pointillés (dotted), vous pourriez choisir autre chose par exemple none vous donnerait ''aucune bordure''.

Vous devez ensuite lier vos pages à cette feuille de style. Dans les balises head de toutes vos pages, vous devez placez ce code :

Voilà, maintenant vous savez faire vos feuilles de styles. Il y a quantités de possibilités, à vous de les découvrir ! Si vous faites une recherche sur internet, vous trouverez des générateurs de feuilles de styles qui pourront vous aider pour vos premiers pas :)

Mes tutoriels vous aident dans la création de votre site ? Merci à l'avance si vous décidez de faire un lien vers mon site :))