美文网首页
1.Sass简介

1.Sass简介

作者: 我自静默向韶华 | 来源:发表于2020-03-17 17:18 被阅读0次

Sass (Syntactically Awesome Stylesheets)

  1. Sass 是一个 CSS 预处理器。
  2. Sass 是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间。
  3. Sass 完全兼容所有版本的 CSS。
  4. Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承、内置函数等等特性。
  5. Sass 生成良好格式化的 CSS 代码,易于组织和维护。
  6. 文件后缀 .scss
实例
/* 定义变量与值 */
$bgcolor: lightblue;
$textcolor: darkblue;
$fontsize: 18px;

/* 使用变量 */
body {
  background-color: $bgcolor;
  color: $textcolor;
  font-size: $fontsize;
}

Sass 安装

npm安装

npm install -g sass
下一篇:2.Sass 变量 >>

相关文章

  • 1.Sass简介

    Sass (Syntactically Awesome Stylesheets) Sass 是一个 CSS 预处理...

  • 1.sass安装

    1.sass安装 https://blog.csdn.net/ze1024/article/details/100...

  • 横向对比Sass、Less和Stylus的共同特性

    本文目录: 1.Sass、LESS和Stylus的基本语法 2.变量(Variables) 3.作用域(Scope...

  • CSS预处理脚本

    (以下所有操作基于mac osx) sass 1.sass的安装 sass的安装依赖ruby环境,所以在安装sas...

  • Sass 使用及自动编译(intellij idea/webst

    1.sass基于Ruby语言开发而成,因此安装sass前需要安装Ruby。(注:mac下自带Ruby无需在安装Ru...

  • Webpack+React+多语言(三) 插件配置

    多语言的实现了,现在安装我们一般所需要的插件 1.sass、scss、less编译 因为sass-loader依赖...

  • 复习

    1.sass/scss和less区别?sass是一种动态样式语言,又称为缩排语法,比css多出好些功能(比如变量、...

  • SASS入门1

    2015年10月19日1.SASS和SCSS的区别1)文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而...

  • webpack入门进阶(4)

    1.11.预处理器文件处理 #1.sass文件 sass这种css预处理器是以.scss结尾,需要用node-sa...

  • create-react-app配置sass

    1.sass的安装 2.package.json文件里的scripts属性里添加内容 接下来我们来试一下 3.np...

网友评论

      本文标题:1.Sass简介

      本文链接:https://www.haomeiwen.com/subject/cmpzehtx.html