Day15 Sass import

大家好我是乌木白,今天要讲 Sass 篇的 import,让我们一起学习!

什麽是Import?

Sass 的import(汇入),他的用意就是在我们稍早提到的,可以把许多 Sass 档案,全部汇整出一只 Css 档案。

试着把档案 import 进去 all.scss

以下是我之前练习的作业

我建立了一个 _layout.scss 的档案。
如果你要合并的档案,一定要有 下底线 (_) 不然会出错喔!!

这时候我们把我们的 all.scss 打开!

请大家注意第6行,我们引入的方式就是这样。 请各位一定要注意 ; 分号
我第一次使用时一直出差错,後来参考其他人的方式才发现!

CSS 拆开管理

因为在许多的专案里面,你可能会遇到很多页面,然後每个页面都有固定的 layput ,如果你把他全部写在同一个的 Css 档案里面,在後续的更新及维修,会找的很辛苦,所以使用 Scss 的原因就是要让你管理 Css ,把每个不一样的档案分开来

例如一下这张图

第1行~第3行 是我引入的套件及变数。

第6行~第8行 是我自己写的分页及基本的设定!

常见问题

  1. 千万记得要加 ; 分号,不然会出错。
  2. 一定要记得汇入时,需要注意先後顺序,如果你在其他的 Scss 档案有用变数或者是基本设定,那一定要注意顺序,否则可能会出差错喔!

<<:  Day10:10 - 商品服务(1) - 後端 - 总商品资料API

>>:  [Day 10] Reactive Programming - Reactor (generate & create)

[Day22] 发送验证信API – views

嗨嗨~~ 夥伴们,大家好,今天我们要来说明的是,发送验证信API的逻辑,以下是我的程序码 程序码 f...

近似最短路径 (7)

11.6a 把树合并起来 让我们简单描述一下把树合并起来的过程,补上昨天 Peleg’s Dista...

1.unity安装、学习资源、游戏规划

安装 官方网站:Download - Unity 注册、安装 注册UnityID 安装Unity H...

op.27 《全领域》-全域开发实战 - 居家植物盆栽 Mvt II (C# Broker & Mysql)

op.27 纪录时空间的情话 让我们彼此之间的记忆与美好时光 永恒纪载 今天来将 Broker 进...

[Day10] 列举体与错误处理

终於到第十天拉,距离结束基础语法只剩几天了,有没有感到不舍阿 目前计画跟原本预先想的差不多,但是我在...