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

Pour être informé des derniers articles, inscrivez vous :

Commenter cet article