老梁的专栏

本篇要介绍的特性在指定媒介的基础上更进一步，可以精确到屏幕尺寸。

配合background和可以实现线性（linear）和辐射（radial）渐变。

本篇要介绍的属性是transform，它可以将 CSS 的盒子变换成另外的形状。我们知道，CSS 的盒子是方形的，从几何变换的角度来看，transform要做的是改变盒子在 x 轴和 y 轴上的坐标。

CSS 提供了很多处理背景的手段。

CSS Transitions 让我们不写一行 JavaScript 代码也能实现过渡动画。当鼠标悬浮于某个链接时，它的颜色会从瞬间变化为。这个变化因为没有过渡，会显得特别生硬。有了transition动画效果就有了，当鼠标悬浮在链接上时，颜色会发生渐变，非常平滑。这里的transition表示所有的属性在半秒内完成线性过渡，没有延迟。注意，这么多渐变属性中，只有所以最简单的渐变可以写成。

属性选择器可以定位到拥有某个属性的元素，甚至可以精确到具体的属性值。

CSS 的 at 规则功能十分强大，有的可以引入（import）其它 CSS 文件，有的可以将 CSS 作用于特定媒体（media），有的可以加载字体（font）。at 规则以 “@” 开头。

我们已经学习过——名称、RGB 以及 16 进制值。CSS3 又带来了另一种颜色定义方式——，三个字母分别表示色相（Hue）、饱和度（Saturation）和亮度（Lightness）。HSL 和 RGBa (“a” 表示 “alpha” 值) 适用于任何表示颜色的属性，例如color,,和box-shadow。

前面我们学习过，，这几种选择器配合起来使用可以让我们精确定位 HTML 元素。本篇要介绍的几个功能更加强大。

阴影可以让元素“浮起来”，盒子（box）和文本都可以用。

圆角会让生硬的背景图变得更圆润，可以起到很好的修饰作用。