博客首页 → sass

最新文章列表

Sass之&引用父选择器

Sass之&引用父选择器 描述: 您可以使用＆字符选择父级选择器。 它告诉父选择器应该插入的位置。 例一：&在前 h3 { font-size: 20px margin-bottom: 10px &.some-selector { font-size: 24px margin-bottom: 20px } } 输出CSS： ...
sassscss 
Lixh1986 评论(0) 有8290人浏览 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 ...
gulppluginsourcemapsautoprefixersass 
LiYunpeng 评论(0) 有966人浏览 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/
JavaScriptcsssass 
darrenzhu 评论(0) 有705人浏览 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 在安 ...
sass 
不懂事的小屁孩 评论(0) 有506人浏览 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项目实现自动化编译，打算使 ...
sass 
tw_wangzhengquan 评论(0) 有565人浏览 2015-07-27 21:31

SASS用法快速入门

作者：阮一峰 一、什么是SASS SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。 二、安装和使用
csssass 
dengkane 评论(0) 有444人浏览 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 ...
sass 
心静如止水 评论(0) 有471人浏览 2015-03-09 11:24

Sass, Scss, Css关系和转化

Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。SASS是对CSS3（层叠样式表）的语法的一种扩充，它可以使用巢状、混入、选择子继承等功能，可以更有效有弹性 的写出Stylesheet。Sass最后还是会编译出合法的CSS让浏览可以使用，也就是说它本身的语法并不太容易让浏览器识别（虽然它和CSS的语法 非常的像，几乎 ...
sasscssscss 
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   需要注意的:   ...
rubysasscompass 
mr.a 评论(0) 有852人浏览 2014-12-02 17:11

sass基础之属性嵌套

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

sass基础之插入文件

    sass如何插入文件？   @import "**"  
sass@import 
zhangyaochun 评论(0) 有794人浏览 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 ...
sassmixintriangle 
zhangyaochun 评论(0) 有1128人浏览 2014-03-30 19:14

sass命令行

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

sass基础之自定义函数

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

sass工具

     sass的一个在线转换器：   http://sassmeister.com/
sass 
zhangyaochun 评论(0) 有1004人浏览 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 ...
sasscompassoutput_style 
zhangyaochun 评论(0) 有1234人浏览 2014-03-10 17:50

SASS用法指南

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

用Sass创建MetaFizzy效果

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

关于sass注释的问题

        sass注释有两种：   /* 注释内容 */       会保留在编译后的文件里面   单行注释   //注释内容      只保留在sass源文件中，不会出现在编译后的文件中  
sass注释 
zhangyaochun 评论(0) 有1451人浏览 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