exercice explication css par endmove

2023-03-20 22:24:05 +01:00
parent 589e7e555f
commit 36e63e584e
20 changed files with 840 additions and 0 deletions
--- a/exercices/css/css-cameleon.html
+++ b/exercices/css/css-cameleon.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Mon site caméléon</title>
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+<style>
+    p { color: pink; }
+</style>
+  </head>
+  <body>
+    <header>
+        <h1>Bienvenue dans mon laboratoire</h1>
+    </header>
+    <section>
+        <h2>Découverte des couleurs</h2>
+        <p>Venez découvrir la page web qui se transforme par CSS !</p>
+    </section>
+    <footer>
+        <p style="color: cyan;">Copyright HELMo 2018</p>
+    </footer>
+  </body>
+</html>
--- a/exercices/css/style.css
+++ b/exercices/css/style.css
@@ -0,0 +1,14 @@
+	
+body {
+    background-color: black;
+    color: yellow;
+}
+h1 {
+    color: green;
+    font-size: 2rem;
+    margin: 0;
+}
+footer {
+    color: red;
+    font-size: 0.5rem;
+}