此处讨论的是,在一个父容器中只有一个DIV,这个DIV相对于父元素垂直居中的问题:以下列举三种方式:这里为了层次清晰,都是采用的sass写法。一:适用于子元素有具体的宽高.wrap{//父元素可以不定义任何属性.content{position:absolute;height:100px;top:5...
分类:
其他好文 时间:
2015-01-22 21:44:52
阅读次数:
182
CSS主要是将一个HTML结构变成一个正确显示的页面。CSS是一种允满怪癖和有很多不可预测的行为的语言,因此,通常情况之下,开发人员(后端程序开发人员)最讨讨厌使用他来做任务。过去几年,市场上明显出现很多框架和工具,用来帮助大家少写CSS代码和减少编写CSS时产生的错误。而Sass和LESS这样的预...
分类:
Web程序 时间:
2015-01-16 16:05:52
阅读次数:
299
1.下载ruby,在ruby环境下安装sass;2.安装nodejs;3.进入当前项目所在目录,在cmd命令行中输入npm install;4.安装browserify和gulp 安装browserify,进入当前项目所在目录,在cmd命令行中输入npm install -g browserify安...
分类:
其他好文 时间:
2015-01-15 21:39:13
阅读次数:
131
好久没有更新的CSS3演武场系列,半年前搁浅的一篇文章赋予新年新气象闪亮登场了,研究一下利用css(sass)实现粒子效果,主要使用box-shadow生成粒子,利用css3 animation和translateZ实现动画。...
分类:
Web程序 时间:
2015-01-09 14:19:18
阅读次数:
1032
Gulp入门教程前言最近流行前端构建工具,苦于之前使用Grunt,代码很难阅读,现在出了Gulp,真是摆脱了痛苦。发现了一篇很好的Gulp英文教程,整理翻译给大家看看。为什么使用GulpGulp基于Node.js的前端构建工具,通过Gulp的插件可以实现前端代码的编译(sass、less)、压缩、测...
分类:
其他好文 时间:
2015-01-07 18:31:57
阅读次数:
233
一、前言 说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scss、Sass、Stylus和Less。(最近还听说出现了Autoprefixer等CSS后处理器,可参考@一丝的PPT) 众多CSS预处理器中Les...
分类:
其他好文 时间:
2015-01-07 16:46:11
阅读次数:
322
Sass与Compass 学习笔记安装: 1、装sass之前先确认装了ruby; 2、命令gem install sass *注一般不能正常安装 由于国内网络原因(你懂的),导致 rubygems.org 存放在 Amazon S3 上面的资源文件间歇性连接失败。这时候我们可以通...
分类:
其他好文 时间:
2015-01-05 12:52:23
阅读次数:
254
不就前开始接触到LESS和SASS ,一直不知道怎么编译,编译SASS好像要使用Ruby吧,这个不懂,搁置了好长时间也没有学习。今天在读成林先生的《Bootstrap实战》时推荐了一个工具叫做 SimpLESS。这个工具确实很强大,又很方便。在Nodepad++里使用LESS语法写好文件后,保存为....
分类:
其他好文 时间:
2014-12-27 17:27:57
阅读次数:
125