PIZn

Alice 是支付宝前端样式解决方案小组的项目代称。她包括构建样式库的 样式库解决方案，帮助团队理解新技术的 W3C标准文档库 和正在进行中 实验项目 等; 也是团队的代称。目前 Alice 的主要职责是提供 CSS 和 HTML 方面的技术支持和解决方案开发。

最近学习的比较多，比较杂，趁晚上有空之余将一些总结记下。今天记录的是 CSS 3 线性渐变相关的一些知识。

CSS 3 的线性渐变也称作 linear gradients，顾名思义就是在一条直线上实现两种以上的色彩变化过程。嗯，废话。接下来将从 CSS 3 的属性， 各个浏览器的兼容方面来总结。

线性渐变其实很容易去定义和实现的，而且如今很多浏览器都支持。Android 2.3+, chorome 1+ , Firefox 3.6+, Opera 11.1+ 和 safari 4＋基本都支持 CSS 3 的线性渐变。但 IE 支持的渐变不是使用了 CSS 3 ，而是使用了滤镜效果。

今天你 @font-face 了么？

假如您在网页设计的过程中，希望使用一种特殊的字体，而该字体需要自己手动安装才能看到的，那怎么办？其实自从还是有很多方法来实现的。今天在这里介绍一下 @font-face，算是自己的一个总结笔记。

很多时候，我都在为书写 CSS 中的 Font-family 而发愁，因为使用不同的字体，在不同的浏览器、不同的操作系统环境下是有不同的体现的。

为了能够更好地书写好 Font-family，我学习和参考了相关 CSS 和字体设计的知识，了解到 CSS 字体堆栈中的艺术，并在此做下小小总结。

在我们的每一个 Web 页面里边，都存在着一棵Document tree（文档树），每个HTML元素之间的关系，就像是一个家庭一样，有父母，有子女，也有兄弟。在我们使用 CSS 来设计web 页面的时候，就少不了 HTML 家族里边的“遗传基因”的继承关系了。

CSS Inheritance（继承）在我们编写 CSS 的时候起着重要的作用。深入理解Document tree 里边元素的“遗传”关系，巧用CSS Inheritance，可以让我们少走弯路，快速构建出一个样式表来。

虽然网上有很多关于css float 的好文章，但结合我自己使用css对页面进行布局和样式控制，我还是想写一篇关于float的小文总结一下。

我对css float 的情感化思考大概是这样的，一开始的时候特别喜欢用 float 来进行布局，因而出现了很多乱七八糟的难以理解的问题，有点儿喜欢，但又讨厌去解决各种bug。后来我认识了 clear ，情况就变得好多了。现在的感觉是 float 和 clear 必须时常地在一起，这是对一个在任何环境下的网页使用 float 的安全做法。

常用的css属性有margin（外边界）、border（边框）、padding（内边距），中间的内容填充部分为content。联系起实际来，人们喜欢将这些属性转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也具有这些属性，所以叫它盒子模式。就我自己而言，形象上可以这么理解吧：我的衣服为border，衣服的宽松程度可以理解为padding，而我与其他兄弟姐妹或者说其他个体之间的距离，可以用margin来形容（囧，倘若没有border，我就“裸”了？）。

什么是css雪碧？
为什么会有css雪碧？
需要不需要适用css雪碧呢？
如何正确使用？