图层，就象是含有文字或图形等元素的胶片，一张张按顺序叠放在一起，组合起来形成页面的最终效果。图层可以将页面上的元素精确定位。图层中可以加入文本、图片、表格、插件，也可以在里面再嵌套图层。

组成元素

每一个图层都是由许多像素组成的，而图层又通过上下叠加的方式来组成整个图像。打个比喻，每一个图层就好似是一个透明的“玻璃”，而图层内容就画在这些“玻璃”上，如果“玻璃”什么都没有，这就是个完全透明的空图层，当各“玻璃”都有图像时，自上而下俯视所有图层，从而形成图像显示效果。举个例子说明：比如我们在纸上画一个人脸，先画脸庞，再画眼睛和鼻子，然后是嘴巴。画完以后发现眼睛的位置歪了一些。那么只能把眼睛擦除掉重新画过，并且还要对脸庞作一些相应的修补。这当然很不方便。在设计的过程中也是这样，很少有一次成型的作品，常常是经历若干次修改以后才得到比较满意的效果。

那么想象一下，如果我们不是直接画在纸上，而是先在纸上铺一层透明的塑料薄膜，把脸庞画在这张透明薄膜上。画完后再铺一层薄膜画上眼睛。再铺一张画鼻子。如下图，将脸庞、鼻子、眼睛分为三个透明薄膜层，最后组成的效果。这样完成之后的成品，和先前那幅在视觉效果上是一致的。

虽然视觉效果一致，但分层绘制的作品具有很强的可修改性，如果觉得眼睛的位置不对，可以单独移动眼睛所在的那层薄膜以达到修改的效果。甚至可以把这张薄膜丢弃重新再画眼睛。而其余的脸庞鼻子等部分不受影响，因为他们被画在不同层的薄膜上。这种方式，极大地提高了后期修改的便利度。最大可能地避免重复劳动。因此，将图像分层制作是明智的。

图层就好似是一个透明的“玻璃”，而图层内容就画在这些“玻璃”上，如果“玻璃”什么都没有，这就是个完全透明的空图层，当各“玻璃”都有图像时，自上而下俯视所有图层，从而形成图像显示效果这样就够了，没必要记概念，能理解就好了。