CATALOGUE Code & Data Formation XHTML/CSS Apprendre CSS 3 Mise en Forme des Tableaux en CSS

Mise en Forme des Tableaux en CSS

Les propriétés relatives aux tableaux
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre CSS 3
Revoir le teaser Je m'abonne
4,5
Transcription
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
Cette leçon fait partie de la formation
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Stylisation des Tableaux

Objectifs

Les objectifs de cette vidéo sont :
– Apprendre à ajouter des bordures et définir les largeurs de colonnes.
– Comprendre et utiliser les propriétés BorderCollapse et BorderSpacing.
– Savoir centrer du texte et ajouter des marges aux tableaux.
– Appliquer du padding à l'intérieur des cellules pour améliorer la lisibilité.

Résumé

Découvrez comment utiliser le CSS pour donner un style professionnel à vos tableaux HTML.

Description

Dans cette leçon, nous allons explorer les différentes propriétés CSS qui peuvent être appliquées aux tableaux HTML pour améliorer leur présentation. Nous commencerons par ajouter des bordures et réglerons la largeur des colonnes pour garantir un affichage uniforme. Ensuite, nous verrons comment utiliser les propriétés BorderCollapse et BorderSpacing pour gérer l'espacement entre les cellules. Nous apprendrons également à centrer le texte dans les cellules, à ajouter des marges autour du tableau pour une meilleure disposition, et à utiliser des sélecteurs de pseudo-classes pour styliser une ligne sur deux.

La leçon vous prendra également à travers le processus d'ajout de padding et d'ajustement de la hauteur des cellules pour s'assurer que le contenu est bien espacé et lisible. Enfin, nous examinerons comment appliquer des styles spécifiques aux légendes et aux en-têtes de tableau, pour un rendu final esthétique et harmonieux avec l'ensemble du site web.

Voir plus

Questions fréquentes

Quelle propriété CSS permet de gérer l'espacement entre les cellules de tableau ?
La propriété CSS 'BorderSpacing' permet de gérer l'espacement entre les cellules de tableau.
Comment centrer le texte dans les cellules d'un tableau en CSS ?
Utilisez la propriété 'text-align: center;' pour centrer le texte horizontalement et 'vertical-align: middle;' pour centrer le texte verticalement dans les cellules.
Qu'est-ce que la propriété 'tableLayout' en CSS ?
La propriété 'tableLayout' définit la disposition des colonnes dans un tableau. La valeur 'auto' laisse le navigateur ajuster automatiquement la largeur des colonnes, tandis que 'fixed' les fixe à la même largeur.

Programme détaillé

4 commentaires
4,5
4 votes
5
4
3
2
1
pierre.hiroux
Il y a 1 an
La formation est divisée en 90 modules sans lien entre eux et sans progression pédagogique. Il faut les réorganiser par thème pour donner plus de cohérence et donner de la progression pédagogique à la formation. Multiples fautes d'orthographe dans les textes.
henridjithat
Il y a 2 ans
Très bonne formation, étant débutant j'ai beaucoup appris.
yvan.vogel
Il y a 2 ans
J'en suis arrivé au bout.. Un vrai marathon. Très longue formation, à mon avis c'est plutôt 30h de cours et non pas 15h.
Après c'est une formation hyper claire et détaillée. L'auteur a fait un panorama complêt sur le CSS3.
g.vanleynseele
Il y a 4 ans
Cours très clair et très bien expliqué! Par contre il manque la moitié des fichiers de travail !