透明度:
学习链接: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,取图片像素。