css的一种预处理器 sass

之前觉得关于css什么的没什么，后来让别人给问住了。。。然后就悲催了。。。

sass是一种css的预处理器，是一种函数式的css的编程；

主要还是看官网 http://www.w3cplus.com/sassguide/ 这个是基于Ruby

1.需要安装：

可以直接自己去看官网或者看下面我写的这个安装步骤（有试过是对的）

（1）如果你的电脑里面没有安装rudy 可以直接去看文档（额。。。好想还是要看官网）

（2）检测rudy是否安装好 cmd----rudy -v 看是否出现出版本号

（3）在cmd中gem install sass（gem需要代码解决:安装淘宝rufyGems镜像直接这个地址 https://ruby.taobao.org/）

（4）这样就可以了

2.sass应用

（1）新建文件夹中新建一个xxx.scss（这就是sass的对应的文件）

（2）在xxx.sass中写入代码

（3）在cmd中编译进入文件夹中，执行cmd中sass index.scss index.css（前一个是原来的；后一个是目标的）

注意：在你编译的时候可能会出现多余的文件，那是在编译的时候自动生成的

（4）这就好了，然后将index.css引入到index.html中去用就可以了

语法：http://www.w3cplus.com/sassguide/syntax.html

转载于:https://www.cnblogs.com/GainLoss/p/6016589.html

css的一种预处理器 sass相关推荐

CSS预处理器-Sass、Less和Stylus-介绍和使用
发挥CSS预处器的作用是一种很有挑战性的事情.CSS预处器有不同的语言,有不同的语法和功能. 在这篇文章中,我们将介绍三种不同CSS预处器的蛮量.功能以及他们的好处--sass.less 和stylu ...
CSS预处理器sass和less
文章目录 CSS预处理器什么是CSS预处理器 Sass和LESS背景介绍 Sass背景介绍 LESS的背景介绍 Sass 安装Sass 下载Ruby安装文件安装Ruby 安装Sass 编译Sass ...
css预处理器 sass和stylus对比以及常用功能
在众多的css预处理器语言中,sass和stylus算是十分优秀的两个.本文主要针对两者的常用功能做个简单的对比分析.在对比中了解二者的差异,同时帮助大家更好的掌握这两种预处理语言. 本文涉及到的sa ...
前端CSS预处理器Sass
前面的话 "CSS预处理器"(css preprocessor)的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件.SASS是一种CSS的开发工 ...
css预处理器sass使用教程(多图预警)
css预处理器赋予了css动态语言的特性,如变量.函数.运算.继承.嵌套等,有助于更好地组织管理样式文件,以及更高效地开发项目.css预处理器可以更方便的维护和管理css代码,让整个网页变得更加灵活可 ...
原生 CSS “杀死” 预处理器 Sass！
[CSDN 编者按]有着世界上最成熟.稳定和强大的专业级 CSS 扩展语言之称的 Sass,是 CSS 预处理器中的一种,其可编程能力较强,支持函数.列表.对象.判断.循环等等,凭借这些优势,其一度成 ...
CSS预处理器——Sass、LESS和Stylus区别及联系
一.什么是CSS预处器 CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作.通俗的说 ...
css预处理器sass/scss入门
sass/scss入门一.css预处理器是什么? 二.为什么要用css预处理器? 三.sass.less.stylus的区别? 四.sass与scss 五.sass安装六.sass常见用法 6.1 ...
CSS预处理器 Sass/Scss
文章目录介绍 Sass是什么 Scss是什么 Scss 与 Sass异同为什么使用 Sass? Sass 安装 NPM 安装(推荐使用) Windows 上安装 Mac OS X (Homebre ...

css的一种预处理器 sass

css的一种预处理器 sass相关推荐

最新文章

热门文章