From 362dc445435a5c3019e7942bd4b2c2612a32459b Mon Sep 17 00:00:00 2001
From: fredtempez <frederic.tempez@outlook.com>
Date: Sun, 18 Feb 2024 16:56:18 +0100
Subject: [PATCH] Couleurs

---
 src/Décoration et couleur du texte.md | 60 +++++++++++++++++++++++++++
 1 file changed, 60 insertions(+)
 create mode 100644 src/Décoration et couleur du texte.md

diff --git a/src/Décoration et couleur du texte.md b/src/Décoration et couleur du texte.md
new file mode 100644
index 0000000..398cefe
--- /dev/null
+++ b/src/Décoration et couleur du texte.md	
@@ -0,0 +1,60 @@
+---
+theme: uncover
+---
+<style>
+p {
+color: grey;
+}
+h1 {
+text-shadow: 1px 1px 2px red;
+}
+</style>
+
+
+# Couleur du texte à l'exception des titres et des listes.
+
+Une classe personnalisée peut définir une couleur, une taille spécifique ou une décoration du texte.
+`<style>`
+`p {`
+`color: grey;`
+`}`
+`</style>`
+
+- liste 
+	- liste
+- liste
+
+--- 
+# Couleur d'un mot isolé
+
+Elle est appliquée à l'aide <span style="color:blue">d'une balise html </span>
+`à l'aide <span style="color:blue">d'une balise html </span>`
+
+---
+
+# Texte avec un soulignement de couleur
+
+On applique  <span style="text-decoration: underline red">la même syntaxe </span>avec une propriété CSS différente.
+
+`<span style="text-decoration: underline red">la même syntaxe </span>`
+
+---
+
+# Titres avec un effet d'ombre
+
+La technique reste la même pour qui sait rechercher les propriétés CSS.
+
+`<style>`
+`h1 { text-shadow: 1px 1px 2px red;}`
+`</style>`
+
+---
+
+# Texte avec un effet d'ombre
+
+La même chose avec quelques mots : 
+
+ Exemple de <span style="text-shadow: #FC0 1px 0 10px">texte avec une ombre.</span>
+
+ `<span style="text-shadow: #FC0 1px 0 10px">texte avec une ombre.</span>`
+