首页 技术 正文
技术 2022年11月20日
0 收藏 690 点赞 2,888 浏览 568 个字

之前觉得关于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

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,991
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,506
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,349
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,134
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,766
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,844