CSS3
Les marges, espacements et retraits
Les blancs que l'on laisse dans le texte sont autant d'espace qui augmente le confort de lecture et permettent d'aérer la page. Ils permettent éventuellement au visiteur de mieux identifier chaque zone de la page.
L'indentation
Vous pouvez décider de l'indentation (l'alinéa) du début de vos paragraphes. Pour ce faire, indiquez dans votre CSS :
p {
text-indent:1.3em;
}
ou
p {
text-indent:0px; /*(pas d'indentation)*/
}
L'indentation n'est pas obligatoire pour tous les textes (la poésie par exemple a parfois des règles spécifiques), c'est à vous de décider de sa taille et du rendu que vous souhaitez obtenir.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
L'interlignage
Bien que le lecteur puisse le régler à sa guise, il est important de définir l'espacement entre vos lignes de texte. Le HTML étant lu sur différents appareils de lecture, à l'écran plus ou moins grand, il faut que le confort de lecture soit optimal. Il vaut mieux mettre un interlignage important plutôt qu'un trop petit.
On le code par exemple ainsi pour une hauteur moyenne (1 sera très serré). Il est aussi possible d'exprimer la valeur en absolu, par exemple 20px ou 3em.
p {
line-height:1;
}
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
p {
line-height:2.2;
}
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
L'espace entre les lettres
h1 {
color:#f00;
font-family : Josefin slab, cursive;
font-size : 2em;
letter-spacing : normal;
}
ou en négatif pour resserer
h1 {
color:#f00;
font-family : Josefin slab, cursive;
font-size : 2em;
letter-spacing : -0.1em;
}
