css 포함 방법 3가지

10 months ago · 67c8a5cce2
parent a0a85c7909
commit 67c8a5cce2
4 changed files with 63 additions and 0 deletions
--- a/css/1-1/NAVER
+++ b/css/1-1/NAVER
--- a/css/1-2/default.html
+++ b/css/1-2/default.html
@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width"/>
+    <style>
+        h2 {color: blue;}
+    </style>
+    <title>CSS Basic</title>
+</head>
+<body>
+    <h2>CSS Basic</h2>
+    <hr>
+    CSS Basic Example
+</body>
+</html>
--- a/css/1-3/default.css
+++ b/css/1-3/default.css
@ -0,0 +1,3 @@
+.red {
+    color: red
+}
--- a/css/1-3/default.html
+++ b/css/1-3/default.html
@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width"/>
+    <style>
+        h2 {
+            color: darkorange;
+        }
+    </style>
+    <link rel="stylesheet" type="text/css" href="default.css">
+</head>
+<body>
+    <h2 style="color: fuchsia">Inline stylesheet</h2>
+    <hr>
+    <h2>Embedded stylesheet</h2>
+    <hr>
+    <h2 class="red">External stylesheet</h2>
+</body>
+</html>