码迷,mamicode.com
首页 >  
搜索关键字:sass    ( 1840个结果
160816、webpack 入门指南
什么是 webpack? webpack是近期最火的一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 我们可以直接使用 require(XXX) 的形式来引入各模块,即使它们可能需要经过编译(比如JSX和sas ...
分类:Web程序   时间:2016-08-19 23:47:05    阅读次数:271
sass+compass起步
前言:Sass is an extension of CSS that adds power and elegance to the basic language. It allows you to use variables, nested rules, mixins, inline import ...
分类:其他好文   时间:2016-08-19 00:47:19    阅读次数:182
sass入门
1、后缀名有两种(http://www.w3cplus.com/sassguide/syntax.html) (1).sass的,不使用大括号和分号。 (2).scss的,使用大括号和分号,类似于css文件。 2、导入 1、如果你在sass文件中导入css文件如@import 'reset.css' ...
分类:其他好文   时间:2016-08-16 21:30:00    阅读次数:233
Sass控制命令
@if@if 指令是一个 SassScript,它可以根据条件来处理样式块,如果条件为 true 返回一个样式块,反之 false 返回另一个样式块。在 Sass 中除了 @if 之,还可以配合 @else if 和 @else 一起使用。@mixin blockOrHidden($boolean:true) { @if $boolean { display: block;...
分类:其他好文   时间:2016-08-16 16:22:48    阅读次数:152
Sass和Compass入门
一.前言 1.Sass是什么? Sass可以简化你的Css工作流,并可以使你的Css的扩展和维护工作变的更加容易!例如,曾几时何,因为客户的需求的变更,你必须不断的通过查找和替换来更改一个像素值,或者,为了能够确定多栏布局中某一栏的宽度,你需要使用计算像素值软件才能搞定。 Sass引入了一些新的概念 ...
分类:其他好文   时间:2016-08-16 14:37:26    阅读次数:166
Grunt VS Gulp
前期准备 windows7 node ruby sass+compass grunt篇 新建一个grunt_demo 目录,用compass 创建一个项目 打开CMD,安装grunt-cli到全局环境 注意,安装grunt-cli并不等于安装了 Grunt!Grunt CLI的任务很简单:调用与Gr ...
分类:其他好文   时间:2016-08-16 14:34:44    阅读次数:180
Sass基本特性——运算
CSS中目前只有calc()能做运算,但是在Sass中,可以做各种数学运算。加法.box{ width: 20px + 8in; }编译出来的CSS:.box { width: 788px; }1in = 96px;当em,rem等相对当前字体,于px在一起不能运算,会报错,如:.box{ width: 20px + 8em; }不过如果其中一个不同单位,那么会以另一个带单位的为...
分类:其他好文   时间:2016-08-15 11:36:40    阅读次数:242
Sass基本语法二
混合宏——声明混合宏当样式变得越来越复杂,需要重复大段的样式,声明一个个变量已经不能满足我们的需求时,这时Sass中的混合宏就会变得非常有意义。Less中同样有这部分类容,有带参数的混合和不带参数的混合。1、声明混合宏不带参数混合宏在Sass中,使用”@mixin”来声明一个混合宏,如:@mixin border_radius { -webkit-border-radius: 10px;...
分类:其他好文   时间:2016-08-12 20:10:02    阅读次数:187
解决Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npminstall\node-sass\3.7.0\node-sass\vendor'
在使用npm安装node-sass的时候,可能会出现如下的报错: Error: ENOENT: no such file or directory, scandir 'D:\IdeaWork\code-front-jet\node_modules\.npminstall\node-sass\3.7. ...
分类:其他好文   时间:2016-08-11 19:20:49    阅读次数:186
基于css3的轮播效果
花了一上午来调整页面在ie10上的显示问题,sass编译生成的css文件在ie内核下一直不能正确加载,果然兼容性的问题还需要好好研究。转入正题,用css3实现轮播效果主要是基于css3的framework动画效果实现轮播效果以及之前提到的input:checked伪类来实现轮播的控制。在轮播的控制上 ...
分类:Web程序   时间:2016-08-09 02:04:41    阅读次数:173
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!