CSS sprites是指把网页中很多小图片（很多图标文件）做成按规律排列的一张大图上，在显示的时候通过background-image、background-position显示图片特定部分达到和分散的一张张小图片一样的效果。
作用：
作用：background-size设置 背景图像的大小尺寸 。
一、margin和width实现水平居中
优点： 实现方法简单易懂，浏览器兼容性强；
缺点： 扩展性差，只能针对已知宽度的div，无法自适应未知项情况。
)
二、inline-block实现水平居中方法
做点： 简单易懂，扩展性强；
缺点： 需要额外处理inline-block的浏览器兼容性。
1）、opacity作用于元素以及元素内的 所有内容的透明度 ，子元素会继承父元素的 opacity 属性。
2）、rgba()只作用于元素的颜色或其背景色，后代元素不会继承透明性,只是针对自己本身有效，无法使内部的所有元素透明。
在网站设计中，有时候会遇到对一张图片做多处使用，而每处显示的尺寸又不一定都一样，在传统作法中，需要根据不同尺寸
设计不同的图片。不过利用css，能够很好解决这个问题。
一、直接设置图片的width，height，或者直接改变图片的长宽比例
虽然简单方便，但是会引起图像显示效果问题。因为浏览器不能像ps那样对图像以相对尺寸进行缩放运算，实际显示虽然简单方便，但是会引起图像显示效果问题。因为浏览器不能像ps那样对图像以相对尺寸进行缩放运算，实际显示时图像会出现像素位移的状况。
二、使用clip剪切
CSS对许多对象提供专门用于对象剪切的样式属性——clip，可用clip属性来处理对象最终的显示内容。
clip 设置对象的可视区域。只对绝对定位的对象有效，应用此属性时，对象必须使用position：absolute
可用值：auto， rect（number，number，number，number）
使用clip属性进行对象剪切时，必须给的4个数值。使用方法如下
clip：rect（number1，number2，number3，number4）；
number1~number4分别代表上、右、下、左4个边，相对与左上角坐标（0,0）的偏移值。
（这点与margin四个数值代表边的顺序相同，不同的margin的四个值都是相对于自身内容的四边的偏移）
三、使用div强制剪切
使用overflow：hidden；的对象将强制不显示对象中超过对象范围的部分内容
给定一个图像，如何使用CSS更改PNG图像的颜色？下面本篇文章就来给大家使用CSS更改PNG图像颜色的方法，希望对大家有所帮助。 在CSS中使用Filter属性，利用滤镜功能来更改png图像颜色；CSS的Filter属性主要用于设置图像的视觉效果。 Filter属性存在许多属性值：示例1： 使用灰度滤镜将彩色图像更改为灰度图像 输出： 原始图像： 应用过滤器后：示例2： 此示例对图像使用许多过滤器。 效果图： 更多 web前端 知识，请查阅 HTML中文网 ！！
![[Quora] 论如何才能悄无声息地破坏室友的电脑](/aiimages/%5BQuora%5D+%E8%AE%BA%E5%A6%82%E4%BD%95%E6%89%8D%E8%83%BD%E6%82%84%E6%97%A0%E5%A3%B0%E6%81%AF%E5%9C%B0%E7%A0%B4%E5%9D%8F%E5%AE%A4%E5%8F%8B%E7%9A%84%E7%94%B5%E8%84%91.png)
