不断积累。

先看效果图(录制软件限制，只有30祯，真实效果可以运行源码)，源码点这里，欢迎star，请多多支持纠正

好的前端页面在实现设计图的同时，如果也有极强的与用户交互效果，那么给用户带来的体验是极好的。近期整理了一组相对炫酷前端按钮交互动画，今天分享给大家

1. 定位(position) 介绍 1.1 为什么使用定位 场景1： 某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子. 场景2：当我们滚动窗口的时候，盒子是固定屏幕某个位置的。 所以： 1

字体样式和文本样式的区别：字体样式针对的是字体本身的效果，而文本样式注重整个段落的效果，所以在使用过程中用 font 和 text 来区分。

什么是伪类？ 伪类用于定义元素的特殊状态。 锚伪类 链接能够以不同的方式显示： :first-child 伪类 :first-child 伪类与指定的元素匹配：该元素是另一个元素的第一个子元素。 在下

什么是伪元素？ CSS 伪元素用于设置元素指定部分的样式。 例如，它可用于： 设置元素的首字母、首行的样式 在元素的内容之前或之后插入内容 ::first-line 伪元素 ::first-line

新的单位：`vw`、`vh`兼容：IE9及以上，IOS 6.1+ ，安卓4.4+ 这两个单位都是根据视口屏幕来进行计算的，所以PC的时候，要注意滚动条哦~

开发过程中，经常用到css文本属性，比如首行缩进、水平居中、垂直居中等，奇怪的是有时候这些属性好用，有时候就达不到预期效果，每次调整样式时，都是试探性的一个个属性的试错。这说明我并没用深刻掌握各个属性