19 stundas atpakaļ · 9a40a7d10e
--- a/13.sass/index.css
+++ b/13.sass/index.css
@@ -0,0 +1,16 @@
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+  text-decoration: none;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+.box h1 {
			
 
				+  color: #ff0;
			
 
				+  font-size: 70px;
			
 
				+}
			
 
				+
			
 
				+.box ul li a {
			
 
				+  color: red;
			
 
				+}
			
--- a/13.sass/index.html
+++ b/13.sass/index.html
@@ -0,0 +1,24 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
			
 
				+    <title>Document</title>
			
 
				+    <!-- link 和 import 区别 -->
			
 
				+    <link rel="stylesheet" href="./index.css">
			
 
				+</head>
			
 
				+
			
 
				+
			
 
				+<body>
			
 
				+    <div class="box">
			
 
				+        <h1>你好</h1>
			
 
				+        <ul>
			
 
				+            <li><a href="">你好</a></li>
			
 
				+            <li><a href="">你好</a></li>
			
 
				+            <li><a href="">你好</a></li>
			
 
				+        </ul>
			
 
				+    </div>
			
 
				+</body>
			
 
				+
			
 
				+</html>
			
--- a/13.sass/index.min.css
+++ b/13.sass/index.min.css
@@ -0,0 +1 @@
 
				+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.box h1{color:#ff0;font-size:70px}.box ul li a{color:red}
			
--- a/13.sass/index.scss
+++ b/13.sass/index.scss
@@ -0,0 +1,22 @@
 
				+// @import url(reset.css);
			
 
				+@import './reset.scss';
			
 
				+$a: #ff0;
			
 
				+$b: 70 !default;
			
 
				+
			
 
				+
			
 
				+
			
 
				+.box {
			
 
				+    h1 {
			
 
				+        color: $a;
			
 
				+        font-size: $b + px;
			
 
				+        $c: red !global;
			
 
				+    }
			
 
				+
			
 
				+    ul {
			
 
				+        li {
			
 
				+            a {
			
 
				+                color: $c;
			
 
				+            }
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/13.sass/reset.css
+++ b/13.sass/reset.css
@@ -0,0 +1,7 @@
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+  text-decoration: none;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
--- a/13.sass/reset.min.css
+++ b/13.sass/reset.min.css
@@ -0,0 +1 @@
 
				+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}
			
--- a/13.sass/reset.scss
+++ b/13.sass/reset.scss
@@ -0,0 +1,7 @@
 
				+* {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    list-style: none;
			
 
				+    text-decoration: none;
			
 
				+    box-sizing: border-box;
			
 
				+}
		`@@ -0,0 +1 @@`
		`+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.box h1{color:#ff0;font-size:70px}.box ul li a{color:red}`