更多的样式

透明度

  1. opacity，设置的是整个元素的透明度，它的取值是0~1，0为透明，1为不透明
  2. 在颜色位置设置alpha通道（r,g,b,a）

鼠标

用cursor设置

盒子隐藏

  1. display: none;

    2. 不生成盒子（可能会改变其他盒子的排列）

  2. visibility: hidden;

    3. 生成盒子，只是看不见，盒子仍然占据空间

背景图

和img元素的区别

img元素属于HTML，背景图属于CSS

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

涉及的css属性

  1. background-image

    2. url("……")

  2. background-repeat

    3. 默认情况下背景图会在横坐标和纵坐标中进行重复

  3. background-size

    4. 横尺寸 竖尺寸

  4. background-position

    5. 预设值：left,bottom,right,top,center

    可以用数值和百分比

  5. 雪碧图/精灵图（spirit）

    6. 取一张图的某一部分，使用position和width，height裁取

  6. background-attachment

    7. 设置背景图的位置，fixed为固定在视口

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

    8. 可以在background-image后面直接写background-color

  8. 速写（简写）background

    9. background：url() no-repeat 位置 位置/尺寸 尺寸 定位 颜色