CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 2 Mise en Forme Avancée de Tableaux en CSS

Mise en Forme Avancée de Tableaux en CSS

Les propriétés pour les tableaux
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 2
Revoir le teaser Je m'abonne
1,0
Transcription
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
1,0
39,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Mise en Forme avec CSS

Objectifs

Les objectifs de cette vidéo incluent l'apprentissage de la mise en forme de tableaux avec CSS, l'utilisation d'arrière-plans et de couleurs personnalisées, et l'application de bordures et de marges spécifiques.

Résumé

Dans cette leçon, nous explorerons une mise en forme avancée de tableaux en CSS, incluant l'utilisation d'images de fond et l'application de couleurs spécifiques aux bordures et au texte.

Description

Cette leçon se concentre sur une mise en forme avancée de tableaux en utilisant des techniques CSS. Nous examinerons comment intégrer une image en arrière-plan et harmoniser les couleurs de fond avec l'image. La leçon aborde également la manière de centrer un tableau à l'intérieur d'un conteneur, d'ajouter des bordures colorées solides, et de spécifier des marges automatiques pour un alignement centré.

Les étapes comprennent la définition d'un background sur le body et l'application de couleurs de texte héritées, l'ajout d'une image de fond à un conteneur sans répétition, et l'ajout de bordures aux cellules de tableau. Le border-spacing et border-collapse sont aussi explorés pour offrir différentes apparences aux tableaux.

Voir plus

Questions - réponses

Pourquoi utiliser 'background' au lieu de 'background-image' pour ajouter une image en arrière-plan?
L'utilisation de 'background' permet de combiner plusieurs propriétés CSS en une seule déclaration, comme ne pas répéter l'image ou la positionner facilement.
Quel est l'avantage de la propriété 'border-collapse'?
La propriété 'border-collapse' permet de fusionner les bordures des cellules d'un tableau, offrant une apparence plus nette en évitant les double-bordures.
Quel code CSS permet de centrer un élément de type block?
Pour centrer un élément de type block, il faut utiliser 'margin: 0 auto;' et spécifier une largeur pour l'élément concerné.
1 commentaire
1,0
1 vote
5
4
3
2
1
eve.bertieaux
Il y a 2 years
Commentaire
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