CSS基础-3.16 更多的样式

更多的样式

透明度

1. opacity，它设置的是整个元素的透明，它的取值是0 ~ 1
2. 在颜色位置设置alpha通道(rgba) - 常用

鼠标

使用cursor设置

盒子隐藏

1. display:none，不生成盒子
2. visibility:hidden，生成盒子，只是从视觉上移除盒子，盒子仍然占据空间。

背景图

和img元素的区别

• img元素是属于HTML的概念

• 背景图属于css的概念

1. 当图片属于网页内容时，必须使用img元素
2. 当图片仅用于美化页面时，必须使用背景图

涉及的css属性

1. background-image

2. background-repeat：默认情况下，背景图会在横坐标和纵坐标中进行重复

3. background-size：设置背景图的大小。预设值：contain、cover，数值或百分比

4. background-position:设置背景图的位置。预设值：left、bottom、right、top、center，数值或百分比。应用：雪碧图（精灵图）（spirit），即将很多小图标集中于一张图片上的图，需要用到某个图标，就用background-size去取。

5. background-attachment：通常用它控制背景图是否固定。

6. 背景图和背景颜色混用