• Propriétés Texte (gras, italique etc.)

    Personnaliser le texte sur votre blog avec du CSS (et HTML). 

    La police, la taille, le style et l'alignement...

     

    #sélecteur {font-family: NOM DE LA POLICE;}

    Note 1: Toutes les polices ne sont pas lues par tous les navigateurs, vous pouvez donc en mettre plusieurs. Exemple: {font-family: Arial, calibri, georgia;}, si le navigateur ne peut pas lire la première police, il utilisera la deuxième, ou la troisième etc. Cette méthode est plus utilise pour les polices simples, arial, calibri, times new roman etc. ce sont généralement les polices les plus lues.

    Note 2: Pour les polices un peu plus "spéciales/particulières", je vous recommande de suivre ce tuto afin que votre police soit visible par tous vos visiteurs quel que soit le navigateur utilisé.

     

    II- La taille

    #sélecteur {font-size: Xpx;}

     

    III- La couleur

    #sélecteur {color: #000000;}

    Note: Pour la couleur, vous avez le choix entre mettre le nom de la couleur en anglais, (red, green, grey etc.), ou pour des couleurs plus spécifiques/précises, les codes HTML: #000000, #333333 etc.

     

    IV- Le style (italique, souligné, capitale, majuscule)

    #sélecteur {font-style : italic;} /*- en italique -*/

    #sélecteur {font-style : underline;} /*- souligné -*/

     

    #sélecteur {font-weight: bold;}  /*- gras -*/

    #sélecteur {font-variant: small-caps;}  /*- en lettre capitale -*/

     

    #sélecteur { text-transform: uppercase;}  /*- Majuscule -*/

    Note: J'ai tout mis dans le même point, mais vous pouvez voir que pour mettre du texte en gras ou en majuscules, la propriété n'est pas la même que pour mettre en italique.

     

    V- Espacement des lettres

    #sélecteur { letter-spacing: Xpx;} 

     

    VI- Alignement

    #sélecteur {text-align: left;} /*- texte à gauche -*/

    #sélecteur {text-align: right;}  /*- texte à droite -*/

    #sélecteur {text-align: center;}  /*- texte centré-*/

    #sélecteur {text-align: justify;} /*- texte justifié-*/

     

    VII- NOTE:

    Si par exemple vous souhaitez personnaliser un tableau sur votre blog, vous pouvez également utiliser les propriétés données ci-dessus (font-family, font-size etc.). Les propriétés sont les mêmes en HTML.


  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :