CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 2 - Tuto CSS3: Les Feuilles de Style Personnalisation des Puces dans les Listes HTML

Personnalisation des Puces dans les Listes HTML

Les marqueurs pour les listes ordonnées
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 2 - Tuto CSS3: Les Feuilles de Style
Revoir le teaser Je m'abonne
3,0
Transcription
Cette leçon fait partie de la formation
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
Cette leçon fait partie de la formation
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Comprendre les Propriétés CSS pour les Listes

Objectifs

Les objectifs de cette vidéo sont :

  • Comprendre les différentes valeurs de la propriété list-style-type.
  • Savoir appliquer des styles variés aux puces des listes HTML.
  • Reconnaître l'importance de la sémantique dans le choix entre UL et OL.

Résumé

Découvrez comment utiliser les différentes propriétés CSS pour changer l'apparence des puces dans les listes HTML UL et OL.

Description

Cette leçon détaillée vous apprendra à modifier l'apparence des puces dans les listes HTML en utilisant diverses propriétés CSS. Que ce soit pour des listes non ordonnées (UL) ou ordonnées (OL), vous apprendrez à :

  • Utiliser list-style-type pour changer les types de puces tels que square, circle, ou disc.
  • Appliquer des valeurs décimales ou alphabétiques, même si cela a moins de sens sémantique pour les listes non ordonnées (UL).
  • Explorer les options alphabétiques et romaines avec upper-alpha, lower-alpha, lower-greek, upper-roman, et lower-roman.
  • Incorporer des images comme puces avec list-style-image, bien que cette pratique soit moins courante.

Vous verrez également comment les propriétés peuvent être utilisées pour gérer les cas spécifiques et les meilleures pratiques en matière de sémantique HTML.

Voir plus

Questions fréquentes

Quelles sont les différentes valeurs que l'on peut utiliser pour la propriété CSS list-style-type?
Les valeurs incluent square, circle, disc, decimal, decimal-leading-zero, upper-alpha, lower-alpha, lower-greek, upper-roman et lower-roman.
Quelle est la différence sémantique entre une liste UL et une liste OL?
Une liste UL est utilisée pour des éléments non ordonnés alors qu'une liste OL est utilisée pour des éléments qui doivent être ordonnés ou avoir un ordre particulier.
Pourquoi est-il recommandé d'utiliser list-style-type au lieu de list-style-image?
List-style-image est moins souvent utilisé car la gestion d'alignement des images avec le texte peut être difficile. Utiliser des images en arrière-plan offre souvent une meilleure gestion.
2 commentaires
3,0
2 votes
5
4
3
2
1
phbernard
Il y a 2 mois
Cette formation est très efficace.
La mise à disposition des sources est un atout supplémentaire pour mettre imédiatement en pratique le cours.
De plus M AUDOUX agrémenta son discours d'informations pratiques qui seront utile lors de la mise en pratique
eve.bertieaux
Il y a 3 ans
C'est vraiment dommage que lors de la démonstration HTML et CSS soient mélangés, je ne sais plus à un moment donné si c'est dans l'un ou l'autre, du coup je n'ai pas le résultat attendu