JdB.CSS BETA

Les valeurs par défaut


Partager cette page

Lisible est JdB.CSS

Les pages faites avec JdB.CSS sont faciles à lire par ses couleurs et des tailles de police, même pour les personnes ayant de légers troubles de lecture.

  • La taille de police par défaut est de 16px
  • La police par défaut est défini sur sans-serif, ce qui est une police générique. Cela signifie que si vous n'avez pas de police spécifique, le navigateur utilisera la police par défaut.

Titres HTML <h1> - <h6>

Par défaut, les balises d'en-tête sont stylisées comme dans l'exemple ci-dessous, mais si vous utilisez des éléments non sémantique pour simuler des titre, vous pouvez utiliser la classes .h1 à .h6 à la place des balises.

Titre de niveau 1

Titre de niveau 2

Titre de niveau 3

Titre de niveau 4

Titre de niveau 5
Titre de niveau 6
Code :
<h1>Titre de niveau 1</h1>
<h2>Titre de niveau 2</h2>
<h3>Titre de niveau 3</h3>
<h4>Titre de niveau 4</h4>
<h5>Titre de niveau 5</h5>
<h6>Titre de niveau 6</h6>

<!-- Approche non sémantique -->
<div class="h1">Titre de niveau 1</div>
<div class="h2">Titre de niveau 2</div>
<div class="h3">Titre de niveau 3</div>
<div class="h4">Titre de niveau 4</div>
<div class="h5">Titre de niveau 5</div>
<div class="h6">Titre de niveau 6</div>

Classes de taille de police

Les titres doivent être utilisés pour ce qu'ils sont : des titres. les tailles de police peuvent être définies par les classes jdb-size suivantes :

Texte de taille tiny

Texte de taille sm

Texte de taille lg

Texte de taille md

Texte de taille xl

Texte de taille xxl

Texte de taille xxxl

Texte de taille jumbo

Code :
<p class="jdb-tiny">Texte de taille tiny</p>
<p class="jdb-sm">Texte de taille sm</p>
<p class="jdb-lg">Texte de taille lg</p>
<p class="jdb-md">Texte de taille md</p>
<p class="jdb-xl">Texte de taille xl</p>
<p class="jdb-xxl">Texte de taille xxl</p>
<p class="jdb-xxxl">Texte de taille xxxl</p>
<p class="jdb-jumbo">Texte de taille jumbo</p>

Remplacement des valeurs par défaut de JdB.CSS

Pour remplacer les valeurs par défaut de JdB.CSS, vous avez actuellement 3 possibilités :

  1. Ajouter votre nouveau style dans la section head de votre page.
  2. Ajouter votre propre fichier CSS aprè celui de JdB.CSS.
  3. Télécharger et modifier le contenu du fichier JdB.CSS.

Partager cette page