最新文章列表

Sass之&引用父选择器

Sass之&引用父选择器 描述: 您可以使用&字符选择父级选择器。 它告诉父选择器应该插入的位置。 例一:&在前 h3 { font-size: 20px margin-bottom: 10px &.some-selector { font-size: 24px margin-bottom: 20px } } 输出CSS: ...
Lixh1986 评论(0) 有8283人浏览 2018-08-08 11:29

gulp常用的plugin描述(陆续更新)

gulp-concat 用来合并文件的,可以将多个文件进行合并,比如js、css等 使用方法可参看 https://www.npmjs.com/package/gulp-concat gulp-uglify 用来压缩js文件的工具 相关配置如下 https://github.com/terinjokes/gulp-uglify gulp-sourcemaps 用来将对应管道中的文件生成.map ...
LiYunpeng 评论(0) 有965人浏览 2016-04-13 10:32

SASS用法指南

SASS用法指南 http://www.ruanyifeng.com/blog/2012/06/sass.html http://sass-lang.com/ http://sass-lang.com/documentation/file.SASS_REFERENCE.html 在线转换器 http://www.sassmeister.com/
darrenzhu 评论(0) 有701人浏览 2016-03-03 14:18

Sass使用

sass用法可以参考阮一峰老师的<SASS用法指南> url:http://www.ruanyifeng.com/blog/2012/06/sass.html 在安装的时候会遇到一个问题: gem install 出现Errno::ECONNRESET: Connection reset by peer - SSL_connect (https://api.rubygems.org 在安 ...
不懂事的小屁孩 评论(0) 有495人浏览 2015-09-06 13:02

Nodejs+Grunt配置SASS项目自动编译

http://www.w3cplus.com/preprocessor/nodejs-and-grunt-compile-sass-to-css.html 早前听说Nodejs和Grunt很强大,特别是用来构建自动化的前端开发,更是强大无比。但一直碍于自己掌握的技术有限,不敢深入,也未曾深入下去。最近在开始学习SASS,也慢慢的接触这方面的东西。为了能更好的让SASS项目实现自动化编译,打算使 ...
tw_wangzhengquan 评论(0) 有558人浏览 2015-07-27 21:31

SASS用法快速入门

作者:阮一峰 一、什么是SASS SASS是一种CSS的开发工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单和可维护。 本文总结了SASS的主要用法。我的目标是,有了这篇文章,日常的一般使用就不需要去看官方文档了。 二、安装和使用
dengkane 评论(0) 有438人浏览 2015-04-28 13:36

sass mixin

1、如何使用sass?     安装ruby环境     安装sass(gem install sass)     编写scss文件test.scss     使用命令sass test.scss  test.css 将scss文件编译成css     在html里引入css文件       2、sass的mixin用法 通过@mixin命令定义一个函数,如下: @mixin ...
心静如止水 评论(0) 有469人浏览 2015-03-09 11:24

Sass, Scss, Css关系和转化

Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。SASS是对CSS3(层叠样式表)的语法的一种扩充,它可以使用巢状、混入、选择子继承等功能,可以更有效有弹性 的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用,也就是说它本身的语法并不太容易让浏览器识别(虽然它和CSS的语法 非常的像,几乎 ...
michael_roshen 评论(0) 有396人浏览 2015-03-05 14:01

gen install compass--在window compass安装

首先rubygems.org被墙 需要用淘宝的镜像   gem sources --remove https://rubygems.org/ gem sources -a https://ruby.taobao.org/ gem sources -l     然后 gem install sass 然后 gem install compass   需要注意的:   ...
mr.a 评论(0) 有847人浏览 2014-12-02 17:11

sass基础之属性嵌套

        好像这个很少去用,记录一下把:   属性嵌套:   .test { border: { left: { width: 4px; } } }        转换后生成:     .test { border-left-width: 4px; }  
zhangyaochun 评论(0) 有1174人浏览 2014-05-30 11:57

sass基础之插入文件

    sass如何插入文件?   @import "**"  
zhangyaochun 评论(0) 有788人浏览 2014-03-30 19:14

sass之triangle

      @mixin triangle($direction,$size,$borderColor) { content: ""; height: 0; width: 0; @if $direction == left { border-right: $size solid $border ...
zhangyaochun 评论(0) 有1125人浏览 2014-03-30 19:14

sass命令行

     sass可以在命令行执行:   sass -i 1px + 1px  
zhangyaochun 评论(0) 有966人浏览 2014-03-24 19:51

sass基础之自定义函数

     @function double($n) { @return $n * 2; } .test { width: double(10px); }  
zhangyaochun 评论(0) 有1212人浏览 2014-03-24 19:46

sass工具

     sass的一个在线转换器:   http://sassmeister.com/
zhangyaochun 评论(0) 有1002人浏览 2014-03-23 19:24

compass的output_style设置

     以前我们在pro环境都是在config.rb里面指定:   output_style = :compressed        今天逛stackoverflow:   compass compile -e production --force      http://stackoverflow.com/questions/2335920/how-do-i-output ...
zhangyaochun 评论(0) 有1220人浏览 2014-03-10 17:50

SASS用法指南

http://www.w3cplus.com/sassguide/syntax.html http://www.ruanyifeng.com/blog/2012/06/sass.html
amspring 评论(0) 有425人浏览 2014-03-07 12:15

用Sass创建MetaFizzy效果

来源:GBin1.com Hugo发现了一个绚丽的css效果应用于web中并教会你如何聪明的重建和使用它。两天前,我看见笔者Hugo在css帮助下重写MetaFizzy的效果,Hugo帮助我们找到了一个用于理解Sass的JavaScript源代码。但我认为他的代码仍有可改之处,它比原版本的css多出了许多重复代码,我们找到了一种方法使其更加效率。重点:这是一个实验,如果你想要实验,请使用Ja ...
tyygming 评论(0) 有820人浏览 2013-09-04 23:38

关于sass注释的问题

        sass注释有两种:   /* 注释内容 */       会保留在编译后的文件里面   单行注释   //注释内容      只保留在sass源文件中,不会出现在编译后的文件中  
zhangyaochun 评论(0) 有1432人浏览 2013-06-05 12:42

最近博客热门TAG

Java(141747) C(73651) C++(68608) SQL(64571) C#(59609) XML(59133) HTML(59043) JavaScript(54918) .net(54785) Web(54513) 工作(54116) Linux(50906) Oracle(49876) 应用服务器(43288) Spring(40812) 编程(39454) Windows(39381) JSP(37542) MySQL(37268) 数据结构(36423)

博客人气排行榜

    博客电子书下载排行

      >>浏览更多下载

      相关资讯

      相关讨论

      Global site tag (gtag.js) - Google Analytics