SCSS即是SASS的新语法,是Sassy CSS的简写,是CSS3语法的超集,也就是说所有有效的CSS3样式也同样适合于SASS。 SASS是CSS3的一个扩展,增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。 table.h ...
分类:
Web程序 时间:
2016-10-23 11:47:01
阅读次数:
393
SASS的简单介绍:SASS是一门对css进行编译的扩展语言,使css编译更加具有逻辑性和可塑性 SASS的安装与配置 第一步:安装ruby。 ruby的官方下载地址:http://rubyinstaller.org/downloads。 注意事项:1.应当下载与系统匹配的版本,最好不要下载最新版本 ...
分类:
其他好文 时间:
2016-10-22 18:13:14
阅读次数:
243
在这园子里看到了很多优秀的资源,自己也想写写东西,就突然想到了以前遇到写sass的时候出现中文乱码的解决方案。所有就自己又总结了一下。(以下测试步骤都是自己完成的!没有任何转载,如有错误,希望大家指正) 简单说明下:sass来编写css样式方便了很多,让我们本来没有逻辑处理能力的css语法,在sas ...
分类:
其他好文 时间:
2016-10-22 14:04:58
阅读次数:
1476
最近在学bootstrap,在知乎上搜索bootstrap看到有人问bootstrap基础包体积较大,对性能影响会不会很大,看到两种方法来减少对性能的影响: 我还没有学过LESS和Sass,所以第一种方法我还不会,不过CDN这个概念我以前看“JavaScript DOM 编程艺术”这本书就接触过: ...
分类:
其他好文 时间:
2016-10-22 00:17:03
阅读次数:
6591
原文链接:http://www.cnblogs.com/maplejan/p/3659830.html 主要修复3.4版本后变量作用域的问题。 代码如下: ...
分类:
其他好文 时间:
2016-10-21 20:16:08
阅读次数:
320
介绍编译的less的两种IDE工具 现在css预编译越来越普及了,著名的有less、sass、stylus等等等等。功能上基本上都是大同小异。这些个玩意儿主要表达的意思就是:“像编程一样的编写你的css”。 我在群里面看到好多的网友都是用koala这个工具编译less,这个工具我也用过,但是我觉得他... ...
分类:
其他好文 时间:
2016-10-20 21:21:02
阅读次数:
155
大型网站中会有多个CSS文件,性能优化是不要的。主要有以下几个方法: 一:压缩样式表: 通过构建工具压缩CSS文件,能够减少文件的大小,从而得到更快的下载、解析和执行。对于使用预处理器例如 Sass, Less, and Stylus, 你可以通过配置缩小编译输出的CSS代码。 二:合并多个CSS文 ...
分类:
Web程序 时间:
2016-10-20 15:24:18
阅读次数:
211
安装 因为SASS是Ruby语言写的,但两者的语法没有关系,所以我们必须先安装Ruby,然后再安装SASS。 安装好Ruby之后,在命令行输入:gem install sass 然后就可以使用了。 使用 SASS文件的后缀名是.scss,意思是Sassy CSS。 下面的命令可以在屏幕上显示.scs ...
分类:
其他好文 时间:
2016-10-19 16:58:53
阅读次数:
106
Sass强大的功能,受到web前端开发人员的各种青睐。 混合宏的用法,关键字@mixin,声明带参数的函数,在有需要的地方通过@include调用这一函数值 //SCSS中混合宏使用@mixin mt($var){ margin-top: $var; } .block { @include mt(5 ...
分类:
其他好文 时间:
2016-10-19 13:35:58
阅读次数:
138
Sass基本要求 通过 tab 键控制缩进的一种语法规则,而且这种缩进要求非常严格 不带有任何的分号和大括号 称为 Sass 老版本,其文件名以“.sass”为扩展名 问题 习惯在js和css中使用括号的我们,在Sass中没看到类似 CSS 中的大括号和分号。 这种语法格式对于前端人员都不太容易接受 ...
分类:
其他好文 时间:
2016-10-17 13:22:24
阅读次数:
135