Sass 基础教学 DAY31

Sass 我们应该大部分的人都有听过
那它到底是什麽东西呢??
我们先来介绍它到底是啥

维基百科https://zh.wikipedia.org/wiki/Sass
简单来说
它就是用来管理css的工具
在还没学Sass之前
我们都把css 写在同一个档案(all.css)
但这样非常的难管理阿!!(头痛)
於是Sass就衍生出来啦~~

不过要注意
网页是看不懂Sass档案的
所以
我们必须将Sass是透过 编译 转成 css
https://ithelp.ithome.com.tw/upload/images/20201008/20123039FWmOhqsltk.jpg


SCSS 与 Sass 格式差异

Sass提供 2种写法
Sass是程序语言,有两种格式写法
1.Scss
2.Sass

CSS:

/*css写法*/
.menu{}
.menu ul{}
.menu li{}
.menu a{}

Scss:

/*Scss写法*/
.menu{
        ul{}
        li{}
        a{}
    }

Sass写法

/*Sass写法*/
.menu{
  ..
  ul
      ..
  li
      ..
  a
}

那今天的Sass基础介绍就到这里啦
明天我们将介绍
Scss 与 Sass的格式教学
若有任何问题 或 内容有误
请不吝啬的跟我说唷/images/emoticon/emoticon07.gif


<<:  《Day30》MySQL Replication GTID

>>:  【Day.30】React进阶 - Styled-Components: React的CSS解决方案 | 系列总结

Day#30 行百里者半九十

这一个月来的心得 没想到居然是最後一天了。 由於也没有特别安排时程的关系,没有完成第二份好像也不是特...

Day24 ( 游戏设计 ) 记忆大考验

记忆大考验 教学原文参考:记忆大考验 这篇文章会使用「阵列」积木,建立两组灯号数据,搭配「函式」、「...

D28 - 彭彭的课程# Python 实体物件的建立与使用 - 下篇 - 实体方法 - Instance Method(2)

可恶今天抽的各种卷我都没中奖 呜呜 希望下礼拜可以轮到我 好今天要来练习读档案的包装程序 会读这两个...

Day 18 - 卷积神经网络 CNN (3)-Convolution layer

年度ILSVRC竞赛 winner Model 下图为最知名的卷积神经网络 1998 LeNet-5...

Kotlin Android 第23天,从 0 到 ML - CameraX

前言: 今天来介绍如何创建使用 CameraX 来显示预览 大纲 : build.gradle(ap...