整理css基础补充篇---透明度+鼠标+盒子隐藏+背景图

透明度：

学习链接：https://www.w3school.com.cn/css/css_image_transparency.asp
方法：
（1）css属性：opacity。特：设置整个元素的透明，取值为0~1。示例：img{ opacity:0.4;filter:alpha(opacity=40); }
（2）在颜色位置设置alpha通道（rgba）。特：alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。示例：background-color:rgba(255,0,0,0.5);

鼠标：

方法：css属性：cursor。
学习链接：https://www.w3school.com.cn/css/pr_class_cursor.asp
示例：设置鼠标样式为图片，当图片不兼容显示的时候，为auto自动更改样式.

盒子隐藏：

方法：
（1）display：none。不生成盒子。
（2）visibility：hidden。生成盒子，只是从视觉上移除盒子，盒子仍然占据空间。

背景图：

1:img元素是属于html的概念，background-image背景图属于css的概念。
img与background-image的区别：
（1）当图片属于网页内容时，必须使用img元素。
（2）当图片仅用于美化页面时，鄙俗使用背景图。

常用工具：pxcook，取图片像素。