Home Explore Help
Sign In
lovecoding
/
VIP32
10
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

scss

e 1 year ago
parent
82285ec8df
commit
b3a2d87d87
8 changed files with 133 additions and 1 deletions
Unified View Show Diff Stats
  1. 45 0
      scss/index.css
  2. 17 0
      scss/index.html
  3. 1 0
      scss/index.min.css
  4. 43 0
      scss/index.scss
  5. 12 0
      scss/reset.css
  6. 1 0
      scss/reset.min.css
  7. 12 0
      scss/reset.scss
  8. 2 1
      vue2.0/vue高阶/安装步骤.md

+ 45 - 0
scss/index.css
View File 

@@ -0,0 +1,45 @@
 
+@charset "UTF-8";
 
+* {
 
+  margin: 0;
 
+  padding: 0;
 
+  list-style: none;
 
+  text-decoration: none;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.box {
 
+  color: #f00;
 
+}
 
+
 
+.box {
 
+  width: 800px;
 
+  height: 800px;
 
+  border: 1px solid #000;
 
+  background-color: #ff0;
 
+  font-size: 50px;
 
+  font-size: 20px;
 
+}
 
+
 
+.box h1 {
 
+  font-size: 20px;
 
+  color: red;
 
+}
 
+
 
+.box .main {
 
+  border: 1px solid #f00;
 
+  color: purple;
 
+  width: 200px;
 
+  height: 100px;
 
+  display: flex;
 
+  justify-content: center;
 
+  align-items: center;
 
+  color: #00f;
 
+}
 
+
 
+.box .main:hover {
 
+  color: #f00;
 
+}
 
+
 
+/*
 
+    哈哈哈哈
 
+*/

+ 17 - 0
scss/index.html
View File 

@@ -0,0 +1,17 @@
 
+<!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>
 
+    <div class="box">哈哈
 
+        <h1>标题</h1>
 
+        <div class="main">
 
+            哇哦
 
+        </div>
 
+    </div>
 
+</body>
 
+</html>

+ 1 - 0
scss/index.min.css
View File 

@@ -0,0 +1 @@
 
+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.box{color:red}.box{width:800px;height:800px;border:1px solid #000;background-color:#ff0;font-size:50px;font-size:20px}.box h1{font-size:20px;color:red}.box .main{border:1px solid #f00;color:purple;width:200px;height:100px;display:flex;justify-content:center;align-items:center;color:#00f}.box .main:hover{color:#f00}

+ 43 - 0
scss/index.scss
View File 

@@ -0,0 +1,43 @@
 
+// @import url(reset.css);
 
+@import './reset.scss';
 
+$aa:#ff0;
 
+$box:50px !default;
 
+$box1:20px !global;
 
+
 
+@mixin vase {
 
+    border: 1px solid #f00;
 
+    color: purple;
 
+    width: 200px;
 
+    height: 100px;
 
+    display: flex;
 
+    justify-content: center;
 
+    align-items: center;
 
+}
 
+.box {
 
+    width: 800px;
 
+    height: 800px;
 
+    border: 1px solid #000;
 
+    background-color: $aa;
 
+    font-size: $box;
 
+    font-size: $box1;
 
+    h1 {
 
+        font-size: $box1;
 
+        color: red;
 
+    }
 
+    .main {
 
+        @include vase;
 
+        color: #00f;
 
+        &:hover {
 
+            color: #f00;
 
+        }
 
+    }
 
+}
 
+// .main::after {
 
+//     content: '放假了';
 
+//     color: #f00;
 
+// }
 
+
 
+// 今天天气真好
 
+/*
 
+    哈哈哈哈
 
+*/

+ 12 - 0
scss/reset.css
View File 

@@ -0,0 +1,12 @@
 
+* {
 
+  margin: 0;
 
+  padding: 0;
 
+  list-style: none;
 
+  text-decoration: none;
 
+  box-sizing: border-box;
 
+}
 
+
 
+.box {
 
+  color: #f00;
 
+  background-color: #f00;
 
+}

+ 1 - 0
scss/reset.min.css
View File 

@@ -0,0 +1 @@
 
+*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}.box{color:red;background-color:red}

+ 12 - 0
scss/reset.scss
View File 

@@ -0,0 +1,12 @@
 
+* {
 
+    margin: 0;
 
+    padding: 0;
 
+    list-style: none;
 
+    text-decoration: none;
 
+    box-sizing: border-box;
 
+}
 
+$ha:#f00;
 
+.box {
 
+    color: $ha;
 
+    background-color: $ha;
 
+}

+ 2 - 1
vue2.0/vue高阶/安装步骤.md
View File 

@@ -5,7 +5,8 @@
 
 [网址](https://cli.vuejs.org/zh/#%E8%B5%B7%E6%AD%A5)
 
 [网址](https://cli.vuejs.org/zh/#%E8%B5%B7%E6%AD%A5)
 
 
 
 ## 3.vue create 项目名称
 
 ## 3.vue create 项目名称
 
-
 
+ + cd project
 
+ + npm run serve
 
 ## 4.npm run serve
 
 ## 4.npm run serve
 
 
 
 ## npm 与 cnpm 切换
 
 ## npm 与 cnpm 切换