#171 26 Juin 2017 18:24:49
Le principe est relativement simple :
La feuille de style crée... des styles :-)
Imagines que tu fais un document word : tes titres de chapitres seront écrits d'une certaine manière (gras, souligné, avec numérotation par exemple).
De même tu vas définir un style pour ton texte, etc.
La feuille CSS fait exactement cela, sauf qu'elle permet de faire des choses plus alambiquées - mais ce n'est pas une obligation.
Le principe reste de définir la façon dont ton texte s'affiche (police, couleur, taille) pour le texte principal.
Puis pour chaque cas +/- particulier, tu peux changer un ou plusieurs attributs sur la base de ce point de départ.
Un lien étant défini par une balise <a ...> </a>, l'attribut qui concerne les liens est appellé comme suit :
a:link : ce qui concerne le lien par défaut
a:visited : pour ce qui concerne les liens que tu as déjà visité
a:hover : pour ce qui concerne les liens sur laquelle est le pointeur de souris.
Par exemple, dans mon blog j'ai un truc qui ressemble à :
Ce qui se traduit en bon français par : pour les liens et liens visités (je ne fais pas de différenciation) : mettre la couleur numéro #F94306 (orange) - ne pas souligner (oui chez moi, je ne souligne pas les liens mais sinon un text-decoration:underline permettrait de souligner).
Dans ton cas, il faudra mettre le code couleur qui te convient (il s'agit de code couleur en hexadécimal - tu peux trouver facilement des convertisseur sur le net).
A noter qu'il me semble que tu peux taper directement des noms de couleurs type color:red - mais à vérifier si c'est bien supporter par ton blog.
Et tu peux définir des couleurs de liens différentes pour les différentes parties de ton blog (endroit où tu écris tes articles / barres de liens / etc.).
Ce qui rend le CSS puissant (mais un poil compliqué à suivre sans outil de suivi adéquat) est de pouvoir apporter qu'une modification en relative.
Par exemple pour les titres (balise H1), tu peux rajouter du gras sur la base de l'écriture normale pour ton texte, sans avoir à tout redéfinir.
Enfin, tu peux attribuer énormément de choses avec le CSS - par exemple définir des tailles d'images différentes selon que tu sois dans un cadre ou dans un autre, sur la base de la même image.
J'espère avoir réussi à te donner une vue rapide de ce qu'est le CSS.
Dernière modification par Thrr-Gilag (26 Juin 2017 18:27:51)