CSS定位的五种方式（position）
CSS中的position属性用来设置元素在页面中的位置，通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。
CSS
CSS精灵图(sprite)
一、什么是精灵图？当用户访问一个网站时，浏览器会向服务器发送一系列请求，比如说网页上的每张图像都需要经过一次请求才能最终展示给用户。然而，一个网页中往往包含大量的图像资源（例如在页面中展示的图片、网页的背景图像以及一些装饰性的图像等），这就会导致浏览器频繁的请求服务器，大大降低网页的加载速度。
CSS透明度（opacity）
通过rgba()、hsla()可以设置颜色的透明度，但是它们只能在定义颜色的同时设置透明度，无法对图像或者其它元素设置透明度。CSS设置透明度的两种方法：一、CSSrgba()设置颜色透明度语法：rgba（R,G,B,A）;RGBA是代表Red（红色）Green（绿色）Blue（蓝色）和Alpha（不
CSS改变盒子模型（box-sizing）
box-sizing属性是CSS3中引入的，有人解释为它可以指定用width属性与height属性分别指定的宽度值与高度值是否包含元素内部的补白区域，以及边框的宽度与高度。这句话有点绕，我理解为它是一种容器高宽的计算方法，具体是怎样的一种计算方法，
CSS元素堆叠（z-index）
因为我们直观的以为HTML网页是二维平面，因为文本、图像或其他元素都是按照顺序排列，但，实际的网页是三维立体的，元素之间可能会发生堆叠（重叠），可以通过CSS中的z-index属性来设置元素的堆叠顺序。1.z-index属性的含义一个元素在文档中的层叠顺序，用于确认元素在当前层叠上下文中的层叠级别。