Le CSS :
(Cascading Style Sheets : feuilles de style en cascade)
C'est une manière simple de faire un mise en page pour les site Internet.
Nous allons voir avec un exemple comment mettre en place une feuille de style "style.css".
Tout d'abord les feuilles de styles CSS peuvent être créer à partir du plus simple éditeur de texte (bloc note).
Personnelement, j'utilise PHPEdit qui simplifie la lecture grâce à sa mise en page et aux couleurs qu'il donne en fonction du code.
Une feuille de style commence toujours par :
|
|
et se termine par :
|
|
Entre ce système de balises, vous devez déterminer le style de chaque type de balises HTML. Un exemple sera plus claire que de longues phrases.
Si vous voulez définir la mise en page générale de vos page web (couleur de fond, couleur des liens, type de police utilisée, type d'affiche, ...) tous se fait dans les définition de la balise.
Dans l'exemple ci-dessus :
- le "font-family" défini en "Verdana, Arial, Geneva, Helvetica" : signifie que toutes les lettres tapées sur le page seront d'abord affichées avec la police Verdana, puis si le poste client ne possède pas cette police, la page sera affchée avec la police Arial, etc...
- le "color" défini la couleur des lettres de la page. (2 possibilités s'offrent à vous, soit vous tapez : "color : #088080", soit : "color : teal")
- le "font-size" défini la taille des caractères de la page.
- tous les autres paramètres du "scrollbar" définissent les couleurs des barres horizontales et verticales de navigation des fenêtres.
Remarque :
- Les caractéristiques de l'exemples ne s'appliquent qu'à la balise <BODY> </BODY> de la page "HTML".
- Vous pouvez définir exactement de la même manière, Taille, Police, Formes et Couleurs à toutes les balises HTML existantes.
Exemple de la feuille de style de ce site:
Appel d'une feuille de style d'une page HTML :
Il vous suffit de placer entre les balises <HEAD> et </HEAD> le code suivant :
|
|
les "../../" indiquant le nombre de répertoires à remonter dans l'arboressence du site pour trouver la feuille de style CSS.
Voila, avec un exemple aussi complet et concret, je pense que vous serraient capable de faire des feuilles de style digne de ce nom et qui vous simplifieront la mise en page de vos site Web.
Il y a toutefois une dernière chose à laquelle je suis incapable de répondre, les feuilles de style ne son pas appliquées avec un navigateur tel que Mozilla Firefox. Si quelqu'un connaît la réponse, je lui demanderai de bien vouloir me contacter ICI.