Comment changer la police et la couleur d'un texte de page Web à l'aide de CSS?

Pour changer la police du texte
Pour changer la police du texte, utilisez la famille de polices css. Par exemple: Text fera que "Text" utilisera la police Times.

Vous souhaitez utiliser les dernières technologies pour styliser vos pages Web? Voici comment!

Pas

  1. 1
    Comprendre comment css fonctionne avec HTML. Par example:
    <span style="(css)">Texte</span> 
    Presque toutes les balises HTML peuvent inclure un "style", comme
    p 
    ou alors
    div 
    Ce qui se passe entre les guillemets est la partie CSS.
  2. 2
    Pour changer la police du texte, utilisez css'
    famille de polices 
    Par example:
    <span style="font-family:times;">Texte</span> 
    fera que "Text" utilisera la police Times.
  3. 3
    Pour définir un ordre de préférence, au cas où une police particulière ne se trouve pas sur l'ordinateur d'une personne, utilisez des virgules pour séparer les noms de police. Par example:
    <span style="font-family:times, georgia, serif;">Texte</span> 
    fera que "Text" utilisera la police Times. Si les horaires ne sont pas disponibles, la Géorgie sera utilisée. Si ni Times ni Georgia ne sont disponibles, une police générique serif sera utilisée.
    Text entraînera l'utilisation de la police Times par «Text»
    Par exemple: Text entraînera l'utilisation de la police Times par «Text».
  4. 4
    Pour définir la couleur du texte, utilisez css'
    Police de caractère 
    Par example:
    <span style="font:red;">Texte</span> 
    fera que "Texte" sera rouge. Vous pouvez utiliser n'importe quel nom de couleur HTML valide à la place de "rouge". Vous pouvez également utiliser un code hexadécimal. Par example:
    <span style="font:#FFFFFF;">Texte</span> 
    fera que "Texte" sera blanc.

Conseils

  • Assurez-vous que tous les guillemets, deux-points et autres symboles sont aux bons endroits; sinon, vous risquez de ne pas obtenir le résultat attendu.
  • Vous voudrez peut-être tester votre code dans plusieurs navigateurs, pour vous assurer qu'il fonctionne dans le plus grand nombre possible.

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail