码迷,mamicode.com
首页 >  
搜索关键字:sass    ( 1840个结果
SASS
一、 Sass (安装时从C盘开始不可有中文) 1、文件后缀名有两种,sass中不包含{}和;, scss中包含{}和;,建议使用scss的后缀名。 2、用@import导入文件,可引入scss或者css文件,区别在于scss文件会被译, css文件则不会。 3、变量 $变量名(自取):值,如果在值 ...
分类:其他好文   时间:2016-09-15 13:42:57    阅读次数:148
laravel 中 与前端的一些事2 之使用Gulp编译sass
下载所有依赖npm的packagist: 下载了前端laravel elixir编译所需要的全部工具: gulp编译scss文件: scss文件的默认存放位置: 输入命令gulp 开始编译scss文件: 编译成功后 存放在public/css/app.css 使用场景二: ...
分类:其他好文   时间:2016-09-13 11:31:25    阅读次数:138
requireJs sass侧边栏
koala 下载 将sass编译为css文件 RequireJS 为什么使用 1、有效的防止命名冲突 2、声明不同js文件之间的依赖 3、可以让我们的代码以 模块化 的方式组织 RequireJS常用方法 1、requirejs.config 定义别名 main.js 入口文件 <script sr ...
分类:Web程序   时间:2016-09-11 17:19:06    阅读次数:258
Bootstrap基本使用[转]
Bootstrap是Twitter推出的一个由动态CSS语言Less写成的开源CSS/HTML框架(同时提供Sass 移植版代码)。Bootstrap提供了全面的基本及组件样式并自带了13个jQuery插件(模态对话框、标签页、滚动条、弹出框等),可满足常用开发 需要,而且还根据需要定制。另外,Bo ...
分类:其他好文   时间:2016-09-10 22:12:48    阅读次数:181
浅谈Webpack(一)
webpack官方文档 什么是webpack? Webpack 是一个前端资源加载/打包工具(Module Bundler),它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 只需要相对简单的配置就可以提供前端工程化需要的各种功能,并且 ...
分类:Web程序   时间:2016-09-09 22:28:02    阅读次数:317
Sass开发环境的配置
创建运行Sass的环境ruby安装因为sass依赖于ruby环境,所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候,请勾选AddRubyexecutablestoyourPATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境安装完ruby之后,在开始菜单中,找到刚才我..
分类:其他好文   时间:2016-09-09 19:11:02    阅读次数:878
sass学习笔记(五):sass的运算
(一)、加法加法运算是Sass中运算中的一种,在变量或属性中都可以做加法运算。如:.box{ width:20px+8in; }编译出来的CSS:.box{ width:788px; }但对于携带不同类型的单位时,在Sass中计算会报错,如下例所示:.box{ width:20px+1em; }编译的时候,编译器会报错:“Incompatibl..
分类:其他好文   时间:2016-09-07 23:24:48    阅读次数:595
sass学习笔记(四):混合宏VS继承VS占位符
混合宏主要用来传递参数,但sass编译相同的混合宏时,不会将相同的样式合并。会产生冗余代码。继承主要用于不需要传递参数的场合,且已经存在基类,编译后会将相同的样式合并,不足:不论基类是否被调用,已经声明的基类都会产生代码。占位符与继承类似,但是没有被调用的占位..
分类:其他好文   时间:2016-09-07 16:02:13    阅读次数:165
sass学习笔记(一):sass在windows下的安装、编译
一、sass在windows下的安装在Windows平台下安装Ruby需要先有Ruby安装包,可以在这里下载:https://www.ruby-lang.org/en/downloads/Ruby安装文件下载好后,可以按应用软件安装步骤进行安装Ruby。Ruby安装完成后,在开始菜单中找到新安装的Ruby,并启动Ruby的Command控制面板Star..
分类:Windows程序   时间:2016-09-07 11:03:32    阅读次数:1025
sass学习笔记(二):sass的不同样式风格的输出方法
sass的不同样式风格的输出方法1、嵌套式nestedSass提供了一种嵌套显示CSS文件的方式。例如nav{ ul{ margin:0; padding:0; list-style:none; } li{display:inline-block;} a{ display:block; padding:6px12px; text-decoration:none; } }在编译的时候带上参数“--stylenested..
分类:其他好文   时间:2016-09-07 11:02:53    阅读次数:1444
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!