选择器注意
尽量不使用ID选择器
减少子选择器的层级(less和Sass的滥用)
使用组合CSS类选择器
兼容IE浏览器
兼容旧浏览器的代码,被称为hack代码
熟悉IE浏览器中常见的兼容样式
分离样式兼容代码
em,px,%
px:相对尺寸,但由于同环境,又是绝对尺寸 em:应用元素上字体大小的两倍,%:相对于父元素的百分比
尽量设置相对尺寸
只有在可预知元素尺寸的情况下才使用绝对尺寸
使用em设...
分类:
Web程序 时间:
2016-05-13 00:11:39
阅读次数:
151
最近按老大嘱咐,在学一些奇奇怪怪的东西,gulp,sass,react啥的...
还在做一个仿QQ邮箱的添加联系人的那个东西。
对,就是这个。
我本来对这个的操作只有可以选人,可以删除选中的人...
但是!!!‘
开始做了之后,才发现哪里有我想的那么简单!!!
被卖了!!!
这里,主要是做一个所谓的自适应宽度的input框。
我纠结了很久。
只有一个思路:获取input框...
分类:
Web程序 时间:
2016-05-12 19:58:24
阅读次数:
376
一.简介 gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。 在实现上, gulp 借鉴了U... ...
分类:
其他好文 时间:
2016-05-11 19:34:10
阅读次数:
221
ionic是一个用来开发混合手机应用的,开源的,免费的代码库。可以优化html、css和js的性能,构建高效的应用程序,而且还可以用于构建Sass和AngularJS的优化。 现在我们即使不会android、OC也可以开发自己的APP了。 1.安装 linux下npm,node安装见 http:// ...
分类:
移动开发 时间:
2016-05-10 12:22:04
阅读次数:
195
一 什么是sass sass是一种css开发工具。提供了很多便利的写法,使得css开发变得简单 易维护 sass有两种后缀名文件:一种后缀名为sass,不使用大括号和分号;另一种就是我们这里使用的scss文件,这种和我们平时写的css文件格式差不多,使用大括号和分号,所以一般都是用第二种写法 二 官 ...
分类:
其他好文 时间:
2016-05-09 12:24:40
阅读次数:
198
解决办法: 1.koala可视化编译工具, 找到安装目录里面sass-3.3.7模块下面的engine.rb文件,例如下面路径: C:\Program Files (x86)\Koala\rubygems\gems\sass-3.3.7\lib\sass 在这个文件里面engine.rb,添加一行代 ...
分类:
其他好文 时间:
2016-05-07 16:40:23
阅读次数:
119
一. Sass/Scss、Less是什么? Sass (Syntactically Awesome Stylesheets)是一种动态样式语言,Sass语法属于缩排语法,比css比多出好些功能(如变量、嵌套、运算,混入(Mixin)、继承、颜色处理,函数等),更容易阅读。 Sass与Scss是什么关 ...
分类:
Web程序 时间:
2016-05-07 12:40:39
阅读次数:
287
市面上已经有很多的前端工具,再来引入新的前端工具,价值大不大?这主要取决于,它是否给开发人员提供了新的功能,是否值得花时间和精力去学习和使用? PostCSS出现时有一个很有趣的现象。像sass和less这些主要做css预处理的工具,已经有了它们的类别和使用方法的区别。 让我们先解决一些PostCS ...
分类:
Web程序 时间:
2016-05-06 21:47:03
阅读次数:
480
CSS 预处理器技术已经非常的成熟,而且也涌现出了越来越多的 CSS 的预处理器框架。本文向你介绍使用最为普遍的三款 CSS 预处理器框架,分别是 Sass、Less CSS、Stylus。 首先我们来简单介绍下什么是 CSS 预处理器,CSS 预处理器是一种语言用来为 CSS 增加一些编程的的特性 ...
分类:
Web程序 时间:
2016-05-06 19:23:34
阅读次数:
234
Sass是CSS3语言的扩展,在CSS的基础之上添加了新特性和语法,能省事地写出更好的样式表。Sass引擎是基于Ruby的。 导入Sass文件: 注释: 变量>> -->变量声明 -->变量引用 凡是CSS属性的标准值可以存在的地方,变量就可以实用。 嵌套规则>> -->基本嵌套规则,和一些编程语言 ...
分类:
其他好文 时间:
2016-05-05 00:29:39
阅读次数:
279