2、Sass/Scss 介绍

1、sass的特色功能

  • 兼容CSS3;
  • 在CSS基础上增加了变量、嵌套、函数、混合等功能;
  • 提供控制指令等高级功能
  • 自定义输出格式

2、sass的语法格式(两种)

  1. SCSS(Sassy CSS  /  野蛮的CSS / 强硬的CSS)语法格式,基于CSS3进行扩展。以 .scss 作为扩展名;
    1. 强制使用分号 ( ;);
    2. 强制使用CSS 大括号 ( { } )  
  2. SASS(Indented Sass)是一种缩进的格式。以 .sass 作为扩展名;

3、sass 和 scss 的区别

        sass和scss从本质上是一回事儿,只是两种不同的语法格式。它们统称为sass。scss是sass更新到3.0版本扩展出来的语法格式。

我们平时开发大部分人都习惯了CSS的语法格式,也就是强制使用分号和选择器后要用花括号的习惯。那么scss是个不错的选择。

下一篇文章我们介绍 《 SASS - 嵌套规则 - CSS的功能扩展1 》

原文地址:https://www.cnblogs.com/wangweizhang/p/11672624.html