为了账号安全,请及时绑定邮箱和手机立即绑定

Sass/Less

Less即学即用学习总结

1、Sublime Text3安装less 使用DreamWeaver可以直接创建less文件进行编辑,考虑到软件的启动速度和简洁性,此处用sublime进行less文件的文本编辑。为了使得less文件有语法高亮的美观效果,并能够顺利编译成CSS文件,首先需要从sublime上安装less和less2css包。 使用快捷键ctrl-shift-p,打开package control,选中insta...

175浏览 3推荐 0评论

Sass学习与实践心得体会

去年年底学过Sass之后基本就一直在实际工作中用Sass写CSS代码,感觉很方便代码的组织,对CSS的模块化也很有帮助。和Sass类似的还有Less,我也简单了解了一下,发现两者的核心语法有很多相似的地方,学过一种之后另一种也能很快上手。 Sass的学习和使用都并不难,基本上一天就能掌握,所以这篇手记不完全是从零开始的介绍,主要想记录一下自己学习中觉得比较重要需要理解的地方以及遇到的一些坑。 Sa...

217浏览 2推荐 1评论

sass基础语法总结分析 原创

语法 文件后缀名 sass:不使用{}及; scss:同css,首选 导入@import 导入css和css用法一样不再编译,导入scss会合并编译 注释标准注释/**/,编译到css;单行注释//不编译 变量 $开头紧跟变量名,变量名值以:分隔,!表示默认值 ` $fontSize: 12px; body{ font-size:$fontSize; } $baseLineHeight: 2; $...

218浏览 1推荐 0评论

一些sass下的@mixin自定义样式 原创

常用reset的一些基础样式建议跟reset放到一起引用,加上Sass下@mixin的一些基础样式,这样就可以减少时间写浏览器兼容前缀(vendor prefix)代码,自定义定制了常用的一些样式,小三角形,按钮,单行与多行的省略,背景,伸缩盒等,不使用@include引用不会进行编译的。 1,比如在某个标签想弄个红色向上的三角形 可以 .div{@include triangle(bottom,...

130浏览 1推荐 0评论

关于sass的个人总结。 原创

1.变量一般以$开头 $blue:#1875e7; div{ color:$blue; } 变量嵌套在字符串中,需要写在#{}中 $directive:left; .warpper{ border-#{$directive}-radius: 5px; } 2.计算功能 $var =0.1; body{ margin: (14px / 2); top: 50px + 10px; right: $va...

406浏览 2推荐 0评论

grunt如何自动编译scss文件(sass+compass+grun 原创

grunt自动编译scss文件,压缩图片,js。 首先按照如下结构来创建目录。 创建目录 statics |------monkey |------__src |------|------css sass源码文件 |------|------image 图片源文件夹 |------|------js 脚本源码文件 |------css 项目引用文件地址,里面为压缩文件 |------js 生成压缩...

598浏览 1推荐 0评论

前端MVVM架构——avalon2初体验

最近因项目进展需求对现有项目进行重构,由于目前项目还未实现真正意义上的前后端分离(后续会循序重构实现),在时间紧产品循序迭代的情况下,想一次性实现前后端分离精力实在有限(主要是前端开发人力不足)。所有决定先将影响项目开发进度和影响团队开发的一些历史遗留问题进行改造(包括模块发、配置化、前端渲染引擎等问题的改造)。 模块发、配置化的改造此处省略,需要的同学请自行补脑,目前流行的模块化思想的产物有re...

948浏览 7推荐 0评论

Less初次学习笔记(一)

新建.less文件 输入@charset"utf-8"; body{ background-color:red; } 注释: /会被编译/ //不会被编译 定义变量语法:@变量名:值 @text_width:100px; .box_01{ width:(@text_width+2)*5; //变量可以进行运算 color:#ccc-10; } 混合 box{ width:@te...

365浏览 4推荐 0评论

Firebase笔记(一)——初探Firebas

Firebase是什么? 做移动应用开发,基本离不开应用程序的前端开发和服务器数据的后台处理,尴尬的是移动应用开发者不一定都懂后端开发,这在一定程度上加大了开发移动应用程序的困难。不过近几年出了一款新型的服务,叫BaaS(Backend as a Service,后端服务系统),是BaaS公司为移动开发者整合的云后端服务。也就是说,通过在云端的操作就可以处理一些简单的后端数据处理。BaaS供应商提...

1242浏览 4推荐 0评论

CSS:7个你可能不认识的单位

众所周知,当使用CSS技术的时候,很容被一些奇异问题给困住。而当我们面对新的问题时,这会让我们处于非常不利的位置。 但是,伴随着Web的发展,新的解决方案也在慢慢成熟。因此,作为一个Web设计和前端开发人员,除了对我们使用的工具或属性非常了解并能熟练运用,已经别无选择了。 这也意味着,对于那些特别的工具或属性,即使平常很少使用,但是当需要的时候,我们也能很好的把它运用到工作中。 今天,我就介绍一些...

2523浏览 46推荐 4评论

sass(windows版)安装及使用(及Ruby之gem)

一、安装Ruby 1、Ruby下载地址 http://rubyinstaller.org/downloads 安装过程中,注意:目录选择时,请勾选“添加到系统变量”,Add Ruby executables to your PATH,或安装完成后手动添加至系统变量设置中。 2、成功安装后,运行系统CMD命令 查看ruby版本号,如果安装成功则会显示其版本号 ruby -v ...

301浏览 0推荐 0评论

[Sass]混合宏 VS 继承 VS 占位符

a) Sass 中的混合宏使用 总结:编译出来的 CSS 清晰告诉了大家,他不会自动合并相同的样式代码,如果在样式文件中调用同一个混合宏,会产生多个对应的样式代码,造成代码的冗余,这也是 CSSer 无法忍受的一件事情。不过他并不是一无事处,他可以传参数。 个人建议:如果你的代码块中涉及到变量,建议使用混合宏来创建相同的代码块。 b) Sass 中继承 总结:使用继承后,编译出来的 CSS 会将使...

83浏览 0推荐 0评论

SASS入门学习总结分享 原创

SASS get started... 变量 定义变量以便于维护 $fontStack: Helvetica, sans-serif; $primaryColor: #333; body { font-family: $fontStack; color: $primaryColor; } // css body { font-family: Helvetica, sans-serif; color...

194浏览 0推荐 0评论
意见反馈 常见问题 APP下载
官方微信