.sass 和 .scss 区别

ionic2中使用的是.scss，那.scss和.sass有什么区别呢？

以下为官方的 2 个实例：

文件扩展名不同，Sass 是以“.sass”后缀为扩展名，而 SCSS 是以“.scss”后缀为扩展名
语法书写方式不同，Sass 是以严格的缩进式语法规则来书写，不带大括号({})和分号(;)，而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似。

　　详情：

　　　　参考文档：

　　　　　　　　1. http://sass-lang.com

　　　　　　　　　 2. http://sass.bootcss.com/docs/scss-for-sass-users

时间： 2024-11-02 23:23:35

.sass 和 .scss 区别的相关文章

十分钟看懂Css、less和Sass（SCSS）的区别

随着前端开发的不断发展,CSS也逐渐延伸出了很多新的语言,less和Sass就是其中两种,下面我们就一起来看看它们到底有何区别. 背景 CSS(层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的项目来说,因为CSS没有变量.函数.SCOPE(作用域),需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码.为了方便前端开发的工作量,出现了

Sass 和 SCSS 有什么区别？

Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点: 文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({})和分号(;),而 SCSS 的语法书写和我们的 CSS 语法书写方式非常类似. Sass 语法 $font-stack: Helvetica, sans-serif //定义变量 $primary-color: #33

sass与less区别

一. Sass/Scss&Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,语法跟css一样(但多了些功能),比css好写,而且更容易阅读.Sass语法类似与Haml,属于缩排语法(makeup),用意就是为了快速写Html和Css. Less一种动态样式语言. 将CSS赋予了动态语言的特性,如变量,继承,运算, 函数. LESS 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox),也可一在服务端运行 (

sass和scss相关知识

参考地址:http://www.imooc.com/learn/311 什么是css预处理器? CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言进行编码工作. 通俗的说,"CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用.CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题",例如你可以

直击css系列----Css、less和Sass（SCSS）

可能大家对于css还是比较了解了,但说到SASS和LESS还是很陌生,那么今天就跟我来一起了解一下CSS.LESS和SASS. 背景 CSS(层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的项目来说,因为CSS没有变量.函数.SCOPE(作用域),需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码.为了方便前端开发的工作量,出现

Css、less和Sass（SCSS）搞不清楚？看完这篇文章你就懂了

熟悉CSS的同学都知道,随着时代发展CSS还延展出了一些新语言,比如SASS和LESS.但是可能很多同学并不了解他们,接下来我就会带你一起了解一下关于Css.less和Sass的相关信息. 背景 CSS(层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的项目来说,因为CSS没有变量.函数.SCOPE(作用域),需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织

浅谈Css、less和Sass（SCSS）

想必大家学习CSS的时候一定接触过LESS和SASS吧,但可能还是有很多朋友对他们的概念模糊,下面不妨就跟着一起了解一下关于它们的故事. 背景 CSS(层叠样式表)是一门非程序式语言,入门学习使用非常直观方便,但是对于一些比较复杂或者重用性比较强的项目来说,因为CSS没有变量.函数.SCOPE(作用域),需要书写大量看似没有逻辑的代码,不方便维护及扩展,不利于复用,尤其对于非前端开发工程师来讲,往往会因为缺少 CSS 编写经验而很难写出组织良好且易于维护的 CSS 代码.为了方便前端开发的工

sass或scss入门

1.sass环境搭载: 安装ruby 安装sass 安装compass 配置webstorm 如果只是使用sass的话,就配置sass命名监听就好了如图: sass目录如下: 如果配置了compass要监听compass命令,如图: compass目录如下: 2.基本语法: @import "compass/css3"; @import "compass/layout"; @import "compass/typography"; @impor

sass、scss、和css的关系

说到css,相信大家都知道,css样式是用来修饰网页页面结构的.那么sass.scss又是做什么的呢?接下来我们来一起了解一下. 要了解css.sacc和scss的关系就要从css预处理器开始说起. 什么是css预处理器?css预处理器是用一种专门的语言,进行网页的样式设计,之后在被编译为正常的css文件,以供项目使用. 使用css预处理语言的好处:是css更加简洁.方便修改.可读性强.适应新强并且更易于代码的维护. css和sass的关系: sass是由buby语言编写的一款css预处理语言,