你的位置:首页 > 软件开发 > 网页设计 > Sass:初识Sass与Koala工具的使用

Sass:初识Sass与Koala工具的使用

发布时间:2015-07-12 13:00:06
一、下载 Koala(找到合适的系统版本)并安装 二、先新建一个css文件夹,并在里面新建一个文本文档(.txt),将其命名为demo.scss 三、打开Koala,将css文件夹拽进来,可以修改一下输出方式 【扩展】SASS提供四个编译风格的选项:n ...

一、下载 Koala(找到合适的系统版本)并安装

Sass:初识Sass与Koala工具的使用

 

 

二、先新建一个css文件夹,并在里面新建一个文本文档(.txt),将其命名为demo.scss

Sass:初识Sass与Koala工具的使用

 

 

三、打开Koala,将css文件夹拽进来,可以修改一下输出方式

Sass:初识Sass与Koala工具的使用

 

【扩展】SASS提供四个编译风格的选项:

  • nested:嵌套缩进的css代码,它是默认值。
  • expanded:没有缩进的、扩展的css代码。
  • compact:简洁格式的css代码。
  • compressed:压缩后的css代码。

 

四、又到了写代码的时候啦,随便用一款文本编写工具打开demo.scss

1.css风格编写

1 ul li a{2   color: red;3 }

 

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理:https://www.xlkjsw.com

原标题:Sass:初识Sass与Koala工具的使用

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录