1、sass环境搭载: 安装ruby 安装sass 安装compass 配置webstorm 如果只是使用sass的话,就配置sass命名监听就好了 如图: sass目录如下: 如果配置了compass要监听compass命令,如图: compass目录如下: 2、基本语法: 编译之后: 重点是五个 ...
分类:
Web程序 时间:
2017-03-23 16:46:48
阅读次数:
239
1:导入: sass的导入(@import)规则和CSS的有所不同,编译时会将@import的scss文件合并进来只生成一个CSS文件。 但是如果你在sass文件中导入css文件如@import 'reset.css',那效果跟普通CSS导入样式文件一样,导入的css文件不会合并到编译后的文件中,而 ...
分类:
其他好文 时间:
2017-03-22 12:54:17
阅读次数:
131
有了webpack。。(不借助gulp/grunt)代码压缩 图片base64,解析less/sass coffee css压缩,MD5加密都帮你做了。。还支持按需加载。。还有热替换 webpack常用命令: 构建命令,webpack的常用参数 $ webpack --config webpack. ...
分类:
Web程序 时间:
2017-03-21 10:44:05
阅读次数:
222
主题和响应式设计 本章重点在 ExtJS 应用的主题和响应式设计。主要有以下几点内容: SASS 介绍和入门 主题 响应式设计 转载请注明出处:http://www.jeeboot.com/archives/1231.html SASS 介绍和入门 SASS (Syntactically Aweso ...
分类:
Web程序 时间:
2017-03-19 13:30:51
阅读次数:
275
1 什么是CSS预处理器 首先我们了解一下什么是CSS预处理器:通俗的说,“CSS 预处理器用一种专门的编程语言,进行 Web 页面样式设计,然后再编译成正常的 CSS 文件,以供项目使用。CSS 预处理器为 CSS 增加一些编程的特性,无需考虑浏览器的兼容性问题”,例如你可以在 CSS 中使用变量 ...
分类:
其他好文 时间:
2017-03-17 23:36:20
阅读次数:
239
开发工具:windows ,Vscode, npm, 1.全局安装angular-cli: npm install angular-cli -g 其中node-sass 的包有可能会下载失败因为国内的网络原因,可以在npm config 中的proxy 设置代理, 或者将registry 设置为淘宝 ...
分类:
其他好文 时间:
2017-03-17 00:10:04
阅读次数:
787
标题: 段落正文 1、全局文本字号为14px(font-size)。 2、行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能)。 3、颜色为深灰色(#333); 4、字体为"Helve ...
分类:
其他好文 时间:
2017-03-16 16:18:21
阅读次数:
161
如果你是一个人在自学前端开发,或者是对前端开发有比较浓厚的兴趣正想踏入前端领域,只要你在前端自学路上遇到了自己无法解决的技术难题,那么尽管将你的疑惑交给我的小伙伴儿们吧,我们都是一群在前端自学路上摸爬滚打的有志青年,希望你可以来和我们共同交流。同时也希望你能献出自己的一份力,帮助我的小伙伴儿们解决他 ...
分类:
其他好文 时间:
2017-03-12 16:42:37
阅读次数:
181
Sass 有两种语法规则(syntaxes),目前新的语法规则(从 Sass 3开始)被称为 “SCSS”( 时髦的css(Sassy CSS)),它是css3语法的的拓展级,就是说每一个语法正确的CSS3文件也是合法的SCSS文件,SCSS文件使用.scss作为拓展名。第二种语法别成为缩进语法(或 ...
分类:
Web程序 时间:
2017-03-12 11:44:13
阅读次数:
267
SASS Bootstrap allows us to configure theme or branding variables that affect all components (e.g. Primary Color or Link Color). When we isolate our s ...
分类:
其他好文 时间:
2017-03-08 21:11:46
阅读次数:
661