Vous souhaitez avoir plus de connaissance dans le langage CSS ? Tout savoie ou presque sur une technique liée au CSS 3 ? Ce cours répond parfaitement à vos attentes ! Nous allons apprendre en détail tout le fonctionnement des éléments flottants. Nous verrons comment ces éléments HTML se comportent vis-à-vis d'autres éléments HTML. Nous étudierons la propriété background ainsi que ces dérivées afin de tout savoir sur les couleurs de fond ou bien les images de fond données à un élément HTML. Nous verrons en détail ce que sont les pseudo-éléments et nous apprendrons à nous en servir. Afin d'avoir un code HTML le plus pure possible, nous étudierons les sélecteurs combinateurs qui nous permettrons de sélectionner des éléments HTML précis. Nous apprendrons également à réaliser des dégradés de couleur en utilisant le langage CSS, Et enfin, nous apprendrons à réaliser des animations en deux dimensions dans le but de donner encore plus d'interactivité à nos pages web.

1. Formation
CSS : Niveau avancé
Une formation
Carl BRISON

2. Cursus Développeur Front : HTML & CSS

3. Zoom sur le CSS

4. Une formation
Introduction
1. Zoom sur les float
2. Zoom sur les background
3. Zoom sur les pseudos éléments
4. Zoom sur les sélecteurs combinateurs
5. Réaliser des dégradés
6. Créer des animations en 2 dimensions
Conclusion
Plan de la formation

5. Une formation
Toute personne désireuse d’apprendre
à concevoir un site internet
Etudiants en développement web
Autodidacte
Public concerné

6. Une formation
Connaissances requises
Connaître les langages HTML et CSS
Connaître les flexbox

8. Carl BRISON
Une formation
Comprendre
le fonctionnement des floats

9. Carl BRISON
Une formation
Placer un float à l'intérieur
d'une boîte parent

10. Carl BRISON
Une formation
Placer plusieurs petits floats
dans une boîte parent

11. Carl BRISON
Une formation
Placer plusieurs grands floats
dans une boîte parent

12. Carl BRISON
Une formation
Placer du texte

13. Carl BRISON
Une formation
Aller plus loin
dans la manipulation

14. Carl BRISON
Une formation
Exercice
avec les floats

15. Carl BRISON
Une formation
Comprendre la couleur
de fond d'un élément HTML

16. Carl BRISON
Une formation
Appliquer un dégradé
en couleur de fond

17. Carl BRISON
Une formation
Appliquer une image de fond

18. Carl BRISON
Une formation
Appliquer plusieurs
images de fond

19. Carl BRISON
Une formation
Gérer la répétition
d'une image de fond

20. Carl BRISON
Une formation
Gérer la taille
d'une image de fond

21. Carl BRISON
Une formation
Attacher une image de fond

22. Carl BRISON
Une formation
Positionner une image de fond

23. Carl BRISON
Une formation
Définir le point d'origine
d'une image de fond

24. Carl BRISON
Une formation
Définir le point d'origine
de la couleur de fond

25. Carl BRISON
Une formation
Regrouper dans une seule
propriété CSS

26. Carl BRISON
Une formation
Exercice
avec la propriété background

27. Carl BRISON
Une formation
Comprendre
les pseudo-éléments

28. Carl BRISON
Une formation
Comprendre
le pseudo-élément before

29. Carl BRISON
Une formation
Appliquer une image
au pseudo-élément before

30. Carl BRISON
Une formation
Appliquer une pseudo-classe
à un pseudo-élément before

31. Carl BRISON
Une formation
Comprendre
le pseudo-élément after

32. Carl BRISON
Une formation
Appliquer des propriétés CSS
à un pseudo-élément after

33. Carl BRISON
Une formation
Appliquer une pseudo-classe
à un pseudo-élément after

34. Carl BRISON
Une formation
Manipuler une image
avec un pseudo-élément

35. Carl BRISON
Une formation
Comprendre
le pseudo-élément first-letter

36. Carl BRISON
Une formation
Comprendre
le pseudo-élément first-line

37. Carl BRISON
Une formation
Découvrir deux futurs
pseudo-éléments

38. Carl BRISON
Une formation
Comprendre le caractère
d'espacement en CSS

39. Carl BRISON
Une formation
Appliquer un caractère
d'espacement hiérarchique

40. Carl BRISON
Une formation
Cibler un élément suivant
un autre élément

41. Carl BRISON
Une formation
Cibler un élément
enfant direct

42. Carl BRISON
Une formation
Cibler des éléments
suivant un autre élément

43. Carl BRISON
Une formation
Comprendre
les couleurs en CSS

44. Carl BRISON
Une formation
Créer un dégradé linéaire

45. Carl BRISON
Une formation
Définir la direction
du dégradé

46. Carl BRISON
Une formation
Augmenter
les couleurs du dégradé

47. Carl BRISON
Une formation
Régler l'opacité d'un dégradé

48. Carl BRISON
Une formation
Modifier l'étalement
du dégradé

49. Carl BRISON
Une formation
Créer un dégradé radial

50. Carl BRISON
Une formation
Modifier le départ
du dégradé radial

51. Carl BRISON
Une formation
Régler d'autres paramètres
du dégradé radial

52. Carl BRISON
Une formation
Répéter des dégradés

53. Carl BRISON
Une formation
Comprendre
la propriété transform

54. Carl BRISON
Une formation
Effectuer une rotation
à un élément HTML

55. Carl BRISON
Une formation
Modifier le point d'origine
de la rotation

56. Carl BRISON
Une formation
Aller plus loin avec la rotation
d'un élément HTML

57. Carl BRISON
Une formation
Effectuer un déplacement
à un élément HTML

58. Carl BRISON
Une formation
Aller plus loin dans
le déplacement d'un élément
HTML

59. Carl BRISON
Une formation
Modifier le point d'origine
du déplacement

60. Carl BRISON
Une formation
Connaître d'autres fonctions
de déplacement

61. Carl BRISON
Une formation
Effectuer une mise à l'échelle
d'un élément HTML

62. Carl BRISON
Une formation
Modifier la hauteur ou
la largeur d'un élément HTML

63. Carl BRISON
Une formation
Modifier le point d'origine de la mise
à l'échelle d'un élément HTML

64. Carl BRISON
Une formation
Effectuer une inclinaison
à un élément HTML

65. Carl BRISON
Une formation
Connaître d'autres fonctions
liées à l'inclinaison

66. Carl BRISON
Une formation
Modifier le point d'origine
de l'inclinaison

67. Carl BRISON
Une formation
Exercice
Réaliser une rotation lorsque
le pointeur passe sur une div

68. Carl BRISON
Une formation
Exercice
Augmenter l'échelle horizontale
d'une div

69. Carl BRISON
Une formation
Exercice
Créer un effet de bouton

70. Conclusion
Une formation
Carl BRISON

71. Une formation
Bilan
Manipuler des éléments float
Manipuler le background
Manipuler les pseudos-éléments
Manipuler les sélecteurs combinateurs
Réaliser des dégradés de couleur
Créer des animations en 2 dimensions

72. Prochaine formation