CATALOGUE Code & Data Formation XHTML/CSS Apprendre XHTML & CSS Stylisation des Titres et Paragraphes en CSS

Stylisation des Titres et Paragraphes en CSS

Mise en forme des contenus de l'accueil : styles du texte
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre XHTML & CSS
Revoir le teaser Je m'abonne
3,0
Transcription

59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis
3,0
59,90€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

L'objectif de cette vidéo est de montrer comment créer un style de titre H2 uniformisé, d'ajuster les styles de paragraphes et de listes pour <strong>améliorer la lisibilité</strong> et l'esthétique du site web.

Apprenez comment créer un style cohérent pour les titres H2 sur toutes vos pages et ajuster les styles CSS pour une mise en page optimale.

Dans cette leçon, nous allons examiner la manière de styler les titres H2 afin d'assurer une cohérence visuelle sur toutes les pages d'un site web. Nous abordons la suppression et l'ajout de marges, le réglage du padding, ainsi que l'application de couleurs de fond adaptées.

Nous verrons aussi comment ajuster la taille de la police et son poids pour correspondre au design initial prévu. En plus des titres, nous discuterons des styles à appliquer sur les paragraphes et même sur des listes non ordonnées, en ajustant les espacements, les marges, et les hauteurs de ligne pour améliorer la lisibilité.

Pour chaque élément de la page, qu'il s'agisse de la section contact ou produit, nous allons voir comment réaliser ces ajustements grâce à des feuilles de styles globales (global.css) et spécifiques à chaque page. Nous aborderons également subtilement l'ajustement des liens pour les mettre en valeur lors du survol.

Voir plus
Questions réponses
Pourquoi est-il important d'avoir un style cohérent pour les titres H2 ?
Un style cohérent pour les titres H2 assure une expérience utilisateur uniforme et professionnelle, ce qui peut renforcer l'identité visuelle du site.
Comment annuler la marge supérieure d'un titre H2 ?
On peut annuler la marge supérieure d'un titre H2 en utilisant la règle CSS suivante : margin-top: 0;.
Qu'est-ce que la propriété CSS 'line-height' et à quoi sert-elle ?
La propriété 'line-height' définit la hauteur de ligne d'un texte, ce qui aide à améliorer la lisibilité en ajustant l'espacement vertical entre les lignes de texte.

Programme détaillé

1 commentaire
3,0
1 vote
5
4
3
2
1
wfischli
Il y a 2 years
Commentaire
Dans l'ensemble bon cours, toutefois pas adapté au débutant car très touffu.
Je me perds toujours dans les marges, les paddings et les positionnements!
Beaucoup de petites astuces, bienvenues.
Gros défaut: tous les écrans sont flous, et le son est exécrable.