CSS 补充知识

1. 透明度

opacity

说明：设置的是整个元素的透明度，包括边框、背景等。它的取值是0~1。

在颜色位置设置alpha通道（rgba）

2. 鼠标样式

说明：设置cursor值，默认为auto，让浏览器控制。
使用图片做样式的时候，尽量使用.ico或.cur文件。auto是告诉浏览器，当加载图片出现问题，使用浏览器默认的样式。

a{
    cursor: url('./target.ico'), auto;
}

3. 盒子隐藏

• display: none;，不生成盒子
• visibility: hidden;，生成盒子，盒子仍然占据空间。

4. 背景图

说明：img元素是html的概念，背景图属于css的概念。

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

默认情况下，背景图会在横坐标和纵坐标中重复；背景图和背景颜色可以混用；

涉及的CSS属性：

• background-image: url(图片路径)
• background-repeat，属性值包括：no-repeat，repeat，repeat-x和repeat-y
• background-size，属性值包括：cover，contain，数值或百分比（100%表示充满）
• background-position，属性值包括：center（居中），top（靠上），left，right，bottom和数值（相对位置，x y 表示相对左上的距离）或百分比
• background-attachment，控制背景图是否固定