CSS背景基本知识点

• 背景background
  • background-color：背景颜色
    • 颜色名
    • 十六进制数
    • rgb函数：（red，green，bule）
    • rgba：red，green，bule，透明度（不带字体 ）
    • opacity：透明度（带字体一起，会被继承）
  • background-image：图片背景，平铺
    • background-image：url（链接）
    • none、url 、inherit（参考副组件效果）
  • background-repeat：图片背景是否及如何重复
    • repeat
    • repeat-x、repeat-y,同理x向X轴方向平移，反之亦然
  • background-attachment：背景是否固定或随其余页面滚动
    • fixed
      • 里面的一块背景不会动，直到图片消失在页面上才消失
    • srcoll：原本出现的样式、inherit
  • background-position:背景的起始位置
    • 位置参数、长度、百分比
  • background：有以上所有知识点、可直接套用​​​​​​​
    • 雪碧图ps
      • 一张大图，背景透明，可放多个图标