Dans cette formation CSS, nous allons découvrir 10 astuces très pratiques pour faciliter l'intégration de vos sites web ou blogs..
Au programme de cette formation :
- Inclure le padding et une bordure dans la largeur d'un élément
- Créer un cercle sans image
- Ajouter du contenu AVANT ou APRES un élément sans toucher au code HTML
- Enlever l'espace indésirable sous une image placée dans une div
- Superposer plusieurs éléments
- Styliser le premier, le dernier ou un élément choisi dans une liste ul
- Centrer verticalement une ligne de texte ou un paragraphe dans une div avec une hauteur définie
- Utiliser une police originale de 2 façons différentes
- Supprimer l'espace indésirable entre 2 éléments en display:inline-block de plusieurs façons
- Créer une Lettrine dans un paragraphe sans toucher au code HTML
- Astuce BONUS
Toutes les sources de chaque astuce sont fournies. Je vous conseille d'avoir les bases du HTML et du CSS pour suivre cette formation dans de bonnes conditions.
Bon tuto !
Table des matières de cette formation CSS (durée : 1h02m)
-
- Inclure padding et bordure dans la largeur d'un élément 00:07:06 8 crédits
- Créer un cercle sans image 00:03:11 8 crédits
- Ajouter du contenu avant et après un élément 00:03:31 8 crédits
- Supprimer l'espace indésirable sous une image 00:03:38 8 crédits
- Superposer des éléments 00:05:40 8 crédits
- Styliser le 1er, le dernier ou un élément choisi 00:07:01 8 crédits
- Centrer verticalement du contenu 00:07:32 8 crédits
- Utiliser une police originale 00:09:06 8 crédits
- Supprimer l'espace entre des éléments en inline-block 00:05:21 8 crédits
- Créer une Lettrine 00:06:53 8 crédits
- Bonus 00:03:16 8 crédits
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Clair et simplement expliqué Des retours ligne pour chaque propriété CSS rendrait la lecture plus aisée.
-
Pour un débutant ce tuto est parfait pour gagner du temps lors de la création de site. Merci pour cette formation bien expliquée et très claire.
-
Excellent tuto qui démontre à un débutant comme moi toute la puissance du CSS tout en le rendant abordable. Une suite à cette série serait vraiment bienvenue.
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS 2
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés