Creamos hoja de estilos por separado

pauek · pauek · commit 04a1fa3b1b91 · 2023-02-14T21:34:19.000+01:00
diff --git a/2023-02-14/hola.html b/2023-02-14/hola.html
@@ -7,19 +7,15 @@
       name="viewport"
       content="width=device-width, initial-scale=1.0"
     />
-    <style>
-      .important {
-        color: red;
-        font-weight: bold;
-      }
-    </style>
+    <link rel="stylesheet" href="style.css" />
     <title>Página de prueba</title>
   </head>
   <body>
     <header>
       <h1>Dólor conséctetur dolorë aute mollit</h1>
     </header>
     <main>
+      <h1>Esto es el main</h1>
       <p>
         Deserunt deserunt sit consectetur ipsum ex qui nostrud
         eiusmod nisi exercitation. <br />
@@ -66,6 +62,6 @@ <h1>Dólor conséctetur dolorë aute mollit</h1>
       Sint labore incididunt sunt cillum est proident minim eu
       elit magna fugiat nostrud elit..
     </p>
-    <div style="height: 10rem" />
+    <div class="space" />
   </body>
 </html>
diff --git a/2023-02-14/style.css b/2023-02-14/style.css
@@ -0,0 +1,24 @@
+.important { color: red; }
+.important { font-weight: bold; }
+
+body { background-color: #ddd; }
+p { 
+  font-family: 'Courier New', Courier, monospace;
+  line-height: 1.4;
+}
+pre {
+  font-family: 'Iosevka';
+  font-size: 14pt;
+}
+main {
+  background-color: white;
+  border: 2px solid black;
+  padding: 1rem;
+}
+h1 {
+  font-size: 33pt;
+}
+main section h1 {
+  font-size: 22pt;
+  color: green;
+}
