手册简介

本系列的文章将会按照内容分为几大类,不管是哪一类都是笔者学习CSS的沉淀。

手册说明

本系列是一个随笔式的学习笔记,主要记录与css相关的一系列内容。

为什么会有这个系列

前段时间在讨论产品的12月份迭代内容时,产品给出的需求是:要求首页改版,并且新版本的首页要求酷炫一点,特出产品的特点以及功能。最后要的要求是,使用前端技术做出一个比较连续的动画。本来我初步的设想是使用js来控制dom元素达到动画的效果,但是经过一些尝试之后,发现实在是太复杂,因为不同动画阶段之间的时序和dom元素之间的协调性不太好控制。后来转向了使用css3来实现动画效果然后再配合js做一些时序工作,发现效果还不错。

温馨提示:如果您想通过边学边练的方式学习CSS,那么请您移步CSS微课

前面说了这么多,其实都是序曲。因为正式因为这件事让我意识到,我应该写一个系列博客来容纳一些关于CSS相关的东西。其实CSS,特别是CSS3,是一个很有搞头的东西,平时在工作中,我也遇到过各种非常巧妙的CSS的小技巧,当然也有遇到各种坑。我觉得把这些记录下来应该是很有意义的吧。

除了上面的理由之外,还有一个原因就是,我本人的CSS能力相比JavaScript而言是较弱的,因为其实我是一个半路出家的FE,之前对这些也没有系统的学习过,很多时候都是现学现卖。所以这个系列博客的另一个作用就是我学习CSS相关知识的一个沉淀。

本系列的文章将会包含如下的几个内容方向,

  • 常用的或者不常用的CSS布局技巧
  • 各种CSS兼容技巧
  • 涉及CSS3的各种酷炫效果研究

可能以后还会增加更多的内容吧。:)


更新记录

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号