1.Sass简介

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 变量 >>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Less的使用 一、less的安装方式:客户端和服务器安装 客户端安装: 我们可以直接在客户端使用“.less”(...
    早起的鸟儿阅读 4,540评论 0 0
  • Sass学习笔记持续整理中,开篇不讲怎么安装,sass是什么,这些搜索引擎会告诉你,我们从sass的作用开始讲起,...
    Stinson阅读 4,620评论 0 7
  • 目录 简介 安装Sass 简单示例 Sass语法-变量 Sass语法-嵌套规则与属性 Sass语法-@import...
    MonkeyXLuffy阅读 1,846评论 0 1
  • Sass&Gulp 一、sass介绍 (一) SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计...
    锋享前端阅读 5,395评论 0 3
  • 学习Sass(官网:Sass)之前需要了解什么是Sass,Sass全称:Syntactically Awesome...
    haoxilu阅读 3,544评论 0 3