Init sample code training chapter 10

2026-09-22 20:01:33 +00:00 · 2023-06-20 14:05:00 +07:00
parent 3c40ecb572
commit 565e50b520
2 changed files with 63 additions and 0 deletions
@@ -0,0 +1,35 @@
+* {
+    font-family: Arial, Verdana, sans-serif;
+}
+
+h1 {
+    font-family: "Courier New", monospace;
+}
+
+i {
+    color: green;
+}
+
+i {
+    color: red;
+}
+
+b {
+    color: pink;
+}
+
+p b {
+    color: blue !important;
+}
+
+p b {
+    color: violet;
+}
+
+p#intro {
+    font-size: 100%;
+}
+
+p {
+    font-size: 75%;
+}   
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link href="css/style.css" type="text/css" rel="stylesheet" />
+    <title>Introducing CSS</title>
+
+    <style type="text/css">
+        h1+p {
+            background-color: #ee3e80;
+        }
+    </style>
+</head>
+
+<body>
+    <h1>Potatoes</h1>
+    <p id="intro">There are <i>dozens</i> of different
+        <b>potato</b> varieties.
+    </p>
+    <p>They are usually described as early, second early
+        and maincrop potatoes.</p>
+    <p>They are usually described as early, second early
+        and maincrop potatoes.</p>
+</body>
+
+</html>