vendredi 19 juin 2020

CSS - Paramétrer votre style de police d'écriture sur un page HTML!

Je continue avec le CSS. Une chose qui peut vous intéresser est le paramétrage des polices d'écriture.

Dans la balise <head> de votre page HTML, ouvrez une balise <style> (ou sinon dans une balise <style> déjà présente) inscrivez le code suivant:

<style>
.normal {   
/* mode de votre police d'écriture ici mode normal */ 
  font-style: normal
/* nom de la police d'écriture ici Verdana */ 
  font-family: Verdana
 /* taille la police d'écriture ici 14 pixels */ 
  font-size: 14px; 
/* couleur de la police d'écriture (a écrire en anglais) ici noir */
  color: black; 
}
</style>

Pour que ce style soit appliqué à un paragraphe il faut ajouter l'argument "class" à l'intérieur de la balise paragraphe <p> :


<p class="normal">Un paragraphe normale.</p>

Si vous souhaitez avoir une police en italique, il faut alors mettre dans une autre balise <style> à la ligne font-style: la valeur :" italic"


exemple :

<style>
.italic {  
/* mode de votre police d'écriture ici mode italic */ 
  font-style: italic
/* nom de la police d'écriture ici Verdana */ 
  font-family: Verdana
 /* taille la police d'écriture ici 14 pixels */ 
  font-size: 14px;
/* couleur de la police d'écriture (a écrire en anglais) ici noir */ 
  color: black; 
}
</style> 

  
Puis dans votre balise paragraphe <p> mettre l'argument "class" avec comme valeur "italic".

<p class="italic">Un paragraphe normale.</p>

Source : https://developer.mozilla.org/fr/docs/Web/CSS/font-style puis compléter par mes soins.


Aucun commentaire:

Enregistrer un commentaire