vor 1 Monat · c7e4f0eaff
--- a/18.scss/index.css
+++ b/18.scss/index.css
@@ -0,0 +1,36 @@
 
				+@charset "UTF-8";
			
 
				+@import url("./reset.css");
			
 
				+* {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+  list-style: none;
			
 
				+  text-decoration: none;
			
 
				+  box-sizing: border-box;
			
 
				+}
			
 
				+
			
 
				+/*
			
 
				+    今天天气真好
			
 
				+*/
			
 
				+h1 {
			
 
				+  color: #f00;
			
 
				+}
			
 
				+
			
 
				+ul {
			
 
				+  width: 700px;
			
 
				+  height: 700px;
			
 
				+  border: 10px dashed #0f0;
			
 
				+}
			
 
				+
			
 
				+ul li {
			
 
				+  color: purple;
			
 
				+  font-size: 30px;
			
 
				+  font-weight: bold;
			
 
				+}
			
 
				+
			
 
				+ul li:hover {
			
 
				+  color: #ff0;
			
 
				+}
			
 
				+
			
 
				+ul li:nth-child(2):hover {
			
 
				+  color: #f00;
			
 
				+}
			
--- a/18.scss/index.html
+++ b/18.scss/index.html
@@ -0,0 +1,18 @@
 
				+<!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 rel="stylesheet" href="./index.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+    <h1>Scss</h1>
			
 
				+    <ul>
			
 
				+        <li>你好我好大家好</li>
			
 
				+        <li>你好我好大家好</li>
			
 
				+        <li>你好我好大家好</li>
			
 
				+        <li>你好我好大家好</li>
			
 
				+    </ul>
			
 
				+</body>
			
 
				+</html>
			
--- a/18.scss/index.min.css
+++ b/18.scss/index.min.css
@@ -0,0 +1 @@
 
				+@import url("./reset.css");*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}h1{color:#f00}ul{width:700px;height:700px;border:10px dashed lime}ul li{color:purple;font-size:30px;font-weight:bold}ul li:hover{color:#ff0}ul li:nth-child(2):hover{color:#f00}
			
--- a/18.scss/index.scss
+++ b/18.scss/index.scss
@@ -0,0 +1,40 @@
 
				+$aa: #0f0;
			
 
				+// var aa = 
			
 
				+$box1: 3px !default;
			
 
				+// @import './reset.scss';
			
 
				+@import url('./reset.css');
			
 
				+* {
			
 
				+    margin: 0;
			
 
				+    padding: 0;
			
 
				+    list-style: none;
			
 
				+    text-decoration: none;
			
 
				+    box-sizing: border-box;
			
 
				+}
			
 
				+ 
			
 
				+// 这是标题的标签
			
 
				+/*
			
 
				+    今天天气真好
			
 
				+*/
			
 
				+h1 {
			
 
				+    color: #f00;
			
 
				+    $box2: 10px !global;
			
 
				+}
			
 
				+
			
 
				+ul {
			
 
				+    width: 700px;
			
 
				+    height: 700px;
			
 
				+    border: $box2 dashed $aa;
			
 
				+    li {
			
 
				+        color: purple;
			
 
				+        font: {
			
 
				+            size: 30px;
			
 
				+            weight: bold;
			
 
				+        }
			
 
				+        &:hover {
			
 
				+              color: #ff0;
			
 
				+        }
			
 
				+        &:nth-child(2):hover {
			
 
				+            color: #f00;
			
 
				+        }
			
 
				+    }
			
 
				+}
			
--- a/18.scss/reset.css
+++ b/18.scss/reset.css
@@ -0,0 +1,4 @@
 
				+h1 {
			
 
				+  font-size: 35px;
			
 
				+  font-weight: bold;
			
 
				+}
			
--- a/18.scss/reset.min.css
+++ b/18.scss/reset.min.css
@@ -0,0 +1 @@
 
				+h1{font-size:35px;font-weight:bold}
			
--- a/18.scss/reset.scss
+++ b/18.scss/reset.scss
@@ -0,0 +1,4 @@
 
				+h1 {
			
 
				+    font-size: 35px;
			
 
				+    font-weight: bold;
			
 
				+}