由于没有办法在网络上找到适合顾客的模板，同时之前自己写css也没有很好的管理方式，最终选择了scss。Nested#main p { color: #00ff00; width: 97%; .redbox { background-color: #ff0000; color: #0...
分类：
Web程序 时间：
2015-07-31 19:58:04
阅读次数：
317
、前言 说到前端构建怎能缺少CSS预处理器呢！其实CSS的预处理器有很多啦，比较出名的有Scss、Sass、Stylus和Less。（最近还听说出现了Autoprefixer等CSS后处理器，可参考@一丝的PPT） 众多CSS预处理器中Less...
分类：
其他好文 时间：
2015-07-28 14:32:45
阅读次数：
218
在scss文件中使用@import。它不同于css中的@import。css中的@import会有两个弊端：1、必须放在代码的最前边2、对性能不利在scss文件中的@import使用CSS原生@import的既定规则1、当@import 后面跟的是以.css文件结尾的时候2、当@import 后面跟...
分类：
其他好文 时间：
2015-07-26 17:05:18
阅读次数：
87
前言由于.sass不兼容CSS代码，所以以下内容完全使用.scss的语法。Sass注释Sass中除了提供CSS中的标准注释之外，还提供了一种静默注释：/* 我是标准注释 */// 我是静默注释标准注释大多数情况下（一种例外：设置输出风格为compressed）是会生成到最终的CSS中的，而静默注释的...
分类：
其他好文 时间：
2015-07-24 18:05:18
阅读次数：
203
用scss来书写css还是很方便的。首先是ruby的下载与安装,下载地址是http://rubyinstaller.org/downloads/ 。下载完以后，我们打开安装文件，点击下一步安装即可，注意在这里下面打上勾，防止以后运行命令的时候找不到。
安装完成后，点击后打开。
运行命令 gem install sass 然后等待安装完成，第一次安装可能会花费时间比较长，也有可能是被屏蔽了，多试几...
分类：
Web程序 时间：
2015-07-21 17:19:22
阅读次数：
233
SASSsass有两种后缀名文件：一种后缀名为sass，不使用大括号和分号；另一种就是我们这里使用的scss文件，这种和我们平时写的css文件格式差不多，使用大括号和分号。建议使用：scsssass的导入导入文件需要加后缀名。css如果不加后缀名，sass会默认为sass文件选择器嵌套#top_na...
分类：
其他好文 时间：
2015-07-21 01:16:09
阅读次数：
113
变量：sass的变量必须是$开头，后面紧跟变量名，而变量值和变量名之间就需要使用冒号(:)分隔开（就像CSS属性设置一样），如果值后面加上!default则表示默认值。全局变量在变量值后面加上!global即为全局变量。这个目前还用不上，不过将会在sass 3.4后的版本中正式应用。目前的sass变...
分类：
Web程序 时间：
2015-07-20 06:49:07
阅读次数：
176
SASS？SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。sass有两种后缀名文件： sass（不使用大括号和分号）---不建议使用scss（使用大括号和分号）----普遍使用导入：@import "reset.css";sass有两...
分类：
Web程序 时间：
2015-07-20 01:17:13
阅读次数：
162
一、变量对于开发者，变量应该是我们最好的朋友。如果你要重复的使用一个信息(本例中就是color)，将它设置为一个变量就可以。这样，就可以保证自己的一致性并可能减少滚动代码来查找颜色值、复制、粘贴等繁琐的工作了。你甚至可以加或者减一些你需要渲染的HEX值到这些颜色上面。看下例子：@blue: #00c...
分类：
Web程序 时间：
2015-07-20 01:15:09
阅读次数：
154
scssSASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。在SCSS中使用变量$blue: #3bbfce;$margin: 16px;.content-navigation { border-color: $blue; color:darken($blue, 9%);}.....
分类：
Web程序 时间：
2015-07-20 01:09:14
阅读次数：
184
