博客又落下几篇了，感觉就算是周更也有点困难啊，特别像我这种没有什么语言功底的人来说，写一篇博客真的要元气大伤，其实主要的难点还是在于不想把博客写成工具那样，希望能够融入一点自己的思想，要么是理解，要么是应用。最近总觉得自己基础不好，闲下来的时候翻翻基础书，从css，js开始，最近在学习大漠老师写的《图解css3》，有些知识点感觉很熟悉的，但是呢，自己应用起来感觉好像理解的又不是很到位，就比如像渐变这种属性，以前学的时候大概就只是看到一些比较表层的东西，自己写些花里胡哨的粗浅的东西，也不觉得这个东西有什么作用，后面这次学习的时候看到书中有提到《css揭秘》作者Lea Verou 用这个属性实现很多很惊艳的图案背景，瞬间惊呆了，所以任何一个小知识点都不容小觑，小知识成就大世界。今天写这篇博客，主要还是加深自己的理解，以免时间久了就忘了。

回顾一下知识点

线性渐变linear-gradient()

理解

用来创建一种或者多种颜色渐变的图片，渐变关系呈线性变化

语法规则

1、linear-gradient(方位参数, 颜色1 颜色1所占的百分比|具体长度[可选], 颜色2 颜色2所占的百分比|具体长度[可选], … , 颜色N 颜色N所占的百分比|具体长度[可选])

方位参数取值
- to top
- to bottom
- to left
- to right
- to top right
- to top left
- to bottom right
- to bottom left
取具体的角度值，比如: 45deg, 135deg,-45deg
颜色取值：
- 颜色名字 red|pink|…
- #333, ..,#ccc…
- rgba(0,0,0,.3)

2、最关键要理解渐变线，直接引用mdn的图

渐变线由包含渐变图形的容器中心点和一个角度来定义的。

径向渐变radial-gradient()

理解

用来创建由渐变中心（原点）向四周展开成圆形或者椭圆形的颜色渐变

语法规则

1、radial-gradient(shape size at position, color1 百分比,….,colorN 百分比);

shape 形状,可选参数
- ellipse 椭圆
- circle 圆形
size 半径
- 如果形状为椭圆，则分别取长轴半径和短轴半径，即两个值x,y
- 如果形状为圆形，则取圆形半径，即一个取值x
position 圆心点的坐标
- 可以是方位名词, 比如 top left
- 也可以是具体的计量长度比如：100px 100px

2、这里引入mdn上的图片，加深对渐变过程的理解

尝试做一些好看的纹理背景

学完基础的语法，大伙是否和我一样，脑海中并没有什么特别的想法？这些属性能干什么？能做什么？就像博客开头说的那样，如果我没有看到Lea Verou的作品，那我现在依然只是重温一遍语法，实现的依然是粗浅的练手demo，但是因为看过她的作品，所以我也尝试着去写一些东西，有时候觉得css真的就像是障眼法，永远都不要用传统的视角去实现某个特效，好啦，来欣赏我写的背景吧。