掌握 CSS 更多样式，丰富网页设计

透明度

1. opacity 它设置的是整个元素的透明，取值 0-1， 0 完全透明， 1 完全不透明
2. 在颜色位置设置alpha通道(rgba) 可以设置颜色的透明度， 取值 0-1， 0 完全透明， 1 完全不透明

鼠标

cursor: pointer; 鼠标指针变成手型 cursor: move; 鼠标指针变成移动的图标 cursor: crosshair; 鼠标指针变成十字形 cursor: text; 鼠标指针变成文本输入框 cursor: default; 鼠标指针变成默认的箭头 cursor: not-allowed; 鼠标指针变成禁止的图标 cursor: none; 鼠标指针变成隐藏的图标 cursor: inherit; 鼠标指针继承父元素的样式 cursor: url(图片路径), auto; 鼠标指针变成自定义的图标，并且鼠标指针变成默认的箭头

盒子隐藏

1. display:none, 不生成盒子
2. visibility:hidden, 生成盒子，但是隐藏。

背景图

img 元素是属于html的概念 背景图属于css的概念 1.当图片属于网页内容时，必须使用img元素 2.当图片仅用于美化网页时，必须使用背景图

涉及到的css属性

1. background-image:url(图片路径), 背景图
2. background-repeat:no-repeat, 背景图不重复
3. background-repeat:repeat-x, 背景图只在x轴重复
4. background-repeat:repeat-y, 背景图只在y轴重复
5. background-repeat:repeat, 背景图在x轴和y轴都重复
6. background-size:cover, 背景图覆盖整个盒子
7. background-size:contain, 背景图覆盖整个盒子，并且保持图片的长宽比
8. background-size:100px 100px, 背景图覆盖整个盒子，并且保持图片的长宽比
9. background-position:center, 背景图居中
10. background-position:center center, 背景图居中
11. background-position:right bottom, 背景图居右下方
12. background-attachment:fixed, 背景图固定在页面上
13. background-attachment:scroll, 背景图跟随页面滚动
14. background-color:red, 背景颜色