CSS是Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。CSS的作用就是为网页设置外观，相当于给HTML文档穿上了华丽的衣服。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒子模型的控制能力，并能够进行初步交互设计，是目前基于文本展示最优秀的表现设计语言。
不透明度
CSS opacity 属性设置整个元素的不透明度（背景颜色和文本都将是不透明/透明的）。
opacity 属性值必须是介于 0.0（完全透明）和 1.0（完全不透明）之间的数字。
实例代码：
HSL 颜色
HSL 指的是色相、饱和度和亮度（Hue、Saturation 以及 Lightness）。
HSL 颜色值是这样规定的：hsl(hue, saturation, lightness)。
色相是色轮上的度数（从 0 到 360）：
RGBA 颜色值是 RGB 颜色值的扩展，带有 alpha 通道 - 该通道规定颜色的不透明度。
实例代码：
css使用background-clip属性
CSS background-clip 属性指定背景的绘制区域。
该属性接受三个不同的值：
background-image:url(img/img1.jpg); 定义图像文件位置
实例代码：
background-size 的其他两个可能的值是 contain 和 cover。
contain 关键字将背景图像缩放为尽可能大的尺寸（但其宽度和高度都必须适合内容区域）。这样，取决于背景图像和背景定位区域的比例，可能存在一些未被背景图像覆盖的背景区域。
实例代码：