Mon bazar CSS

Publié le par Marie-Ange MALROUX

Puisqu'il en existe un pour le javascript et un autre pour linux alors CSS a droit à son petit bazar également, y'a pas de raison ! Même procédé, j'alimenterai cet article au fur et à mesure de mes utilisations de CSS, de petites astuces bien pratiques à retenir.

La première concerne les liens. Par défaut, ils sont bleus soulignés et deviennent violets une fois qu'on les a visités. Rien de très original mais les css nous permettent de personnaliser l'affichage des liens sur notre site. Voici comment faire :

Si vous voulez insérer votre style dans votre page html alors il faudra taper le code en l'entourant des balises STYLE, comme dans l'exemple suivant :
<style type="text/css">

a:link { color:#0033CC; }
a:visited { color:#0033CC; }
a:hover { color:#FF0033;text-decoration:none; }

</style>

Et au mieux vous avez une feuille de style que vous appelez dans votre page web et vous ajouter simplement dans votre feuille CSS :

a:link { color:#0033CC; }
a:visited { color:#0033CC; }
a:hover { color:#FF0033;text-decoration:none; }

text-decoration peut prendre différentes valeurs intéressantes :

none (sans)
underline (souligné, par défaut)
overline (trait au-dessus du texte)
underline overline (les deux)

Ce n'est pas plus compliqué mais ce sont des petites choses bien utiles.

Publié dans CSS

Commenter cet article