0%

CSS:初识SASS

CSS的文档流介绍。

原帖完整收藏于IT老兵驿站,并会不断更新。

前言

在过去十几年的IT工作中,对CSS的接触不是特别多,只知道它大体是做什么的,直到这两年开发越来越靠近前端,开始越来越频繁地接触CSS,突然发现有一个叫SASS的东西,非常流行,要了解一下这个SASS是个什么东西,这篇文章就是对这个SASS整体的概念有一个了解。

正文

这个应该是它的官网。

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world.

Sass是世界上最成熟,稳定、最强大的专业级的CSS扩展语言。

它存在的价值呢?
参考这里

什么是 Scss
Scss 是 CSS 的扩展, 在保证兼容性的基础上, 允许使用变量、 嵌套、 混合、 导入等特性, 在编写大量的 CSS 文件时很有帮助。


特色
完全兼容 CSS3
在语法上扩展了变量、 嵌套以及混合等
操作颜色以及其它的有用的函数
高级特性, 比如针对类库的控制声明
格式良好并且可控制的输出
Firebug 集成

前端的知识点参考,当然少不了阮一峰的文章

一、什么是SASS

SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。

大体说的意思差不多,印证了,SASS其实是一种CSS开发工具,或者说是“预处理器”,使用它,你可以使用一些比较方便的语法来对CSS进行编程,而不再使用CSS原始的那种配置型的语言—-那种不能算是编程—-然后通过预处理来翻译成正常的CSS。类似的工具好像还有Less,等回头有时间对这二者进行一下比较。

参考

以下是收集整理的一些Sass的网站和文章
https://sass-lang.com/ 官网
http://www.ruanyifeng.com/blog/2012/06/sass.html 阮一峰的博客
http://sass.bootcss.com/docs/sass-reference/ Sass中文的一个网站
https://www.sass.hk/ Sass中文的一个网站
https://beginor.github.io/2014/07/11/introduction-to-scss.html
http://sass.bootcss.com/docs/sass-reference/ 一些Sass的介绍
https://medium.com/@awesome_sayrah/introduction-to-sass-scss-and-less-7ff7e494e798 这篇文章还没有完全看完