随笔分类 -  sass

sass 使用小记
摘要:安装sass npm i sass -g npm 安装sass cnpm i sass -g 查看sass版本信息 sass -version 使用sass sass 是css的预处理器,是css扩展语言,可以帮助我们减少css重复的代码,sass扩展了css3,增加了规则 变量 混入 选择器 继承 阅读全文
posted @ 2020-05-13 17:04 半夏微澜ぺ 阅读(318) 评论(0) 推荐(0) 编辑
webpack
摘要:webpack 是目前最热门的前端资源模块化管理和打包工具,它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的资源,还可以将按需加载的模块进行代码分离,等到实际需要的时候再按需加载。通过loader的转换,任何形式的资源都可以视作模块,比如CommonJS模块,AMD模块,ES6模块,CS 阅读全文
posted @ 2017-03-08 11:13 半夏微澜ぺ 阅读(289) 评论(0) 推荐(0) 编辑
less 语法
摘要:1 变量 less的变量使用@开头 1.1 demo 对应的css: 1.2 甚至可以在定义变量值时使用其它的变量: 对应的css: 1.3 如果对同一个变量定义两次的话,在当前作用域中最后一次定义的将被使用。这与CSS的机制类似,最后一次定义的值会成为这个属性的值 1.4 变量是“按需加载”(la 阅读全文
posted @ 2017-03-03 11:10 半夏微澜ぺ 阅读(807) 评论(0) 推荐(0) 编辑
less 使用入门
摘要:LESSS是基于JavaScript,所以,是在客户端处理的。 使用less很简单: 1 下载less.js 2 新建less文件后缀名称是.less 3 在页面中引入less文件,跟引入普通的css的是一样的,区别:rel=stylesheet/less css是stylesheet/css 4 阅读全文
posted @ 2017-03-02 18:43 半夏微澜ぺ 阅读(304) 评论(0) 推荐(0) 编辑
sass 基本语法
摘要:sass语法 文件后缀名 sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号。 而本教程中所说的所有sass文件都指后缀名为scss的文件。在此也建议使用后缀名为scss的文件,以避免sa 阅读全文
posted @ 2017-03-01 18:17 半夏微澜ぺ 阅读(722) 评论(0) 推荐(0) 编辑
ruby gem的安装步骤
摘要:第一步:下载安装文件 官网下载地址:http://rubyinstaller.org/downloads 第二步: 双击安装 在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境 第三步: 检 阅读全文
posted @ 2017-03-01 14:16 半夏微澜ぺ 阅读(7274) 评论(0) 推荐(2) 编辑
sass 安装与各种命令
摘要:css 是一种编程语言,可以用来开发网页样式,但是却不能编程,没有变量,没有条件语句,于是就有了“css预处理器”, 它的原理就是:利用编程语言进行网页样式设计,然后再编译成正常的css文件; sass是用ruby语言写的,虽然没有什么语法关系,但是使用sass需要先安装ruby再安装sass 假如 阅读全文
posted @ 2017-03-01 11:48 半夏微澜ぺ 阅读(1134) 评论(0) 推荐(0) 编辑