安装使用sass、compass,小白指南

前言:因为自己也是刚入门的小白,所以次教程是从小白摸索的角度来帮组小白了解小白级别会遇到的问题。

一、Sass、Compass是什么?

Sass:css的预编译处理语言,css本身不支持变量,而Sass可以让css支持变量。比如web主色调是#ff0000,那么很多地方需要用到这个色值。用常规的[……]

阅读全部

【干货】前端rem单位的正确使用姿势

写这篇文章是因为自己被rem这个坑绊过脚,因此特意去研究了下rem这个单位。

简单阐述下px、em、rem之前的关系(其实网上很多,我这里稍微提一下)。

先抛出一个问题:为什么要选择rem?

px:像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓,可是在移动端,因为[……]

阅读全部

用css3写input的交互动画

为了达到注册输入有更好的体验,所有用css3过渡动画写了个小交互。

动画的原理,主要就是当获得焦点的时候,“账号”标题变色上移且缩小字号。下划线同时也变成选中主色调。

现在看看css代码

首先定义输入框的样式,隐藏所有input的初始样式,然后强制增加底线,并在获得焦点时变色。代码如下[……]

阅读全部