关于背景background

背景background

这篇文章我会根据自己所学知识对背景相关方面进行简单阐述，因为是学习期间的知识，存在理解不完善，不够专业的情况，仅供参考。

• backgroud-color 背景颜色
  取值直接添加颜色的代码
  默认渲染位置为border-box
• background-img 引入背景图
  格式：background-img:url(“图片地址”)
  如果需要引入多张图片，将属性值重复，中间隔开
• background-size 设置背景图尺寸（不设置这个属性则背景图为原始图尺寸）
  取值：
  取两个值：第一个值代表宽度，第二个值代表高度
  取一个值：代表宽度，高度为图片原始值
  取值如果为百分比则为包含块的百分比
• background-repeat背景图片平铺方式
  属性值：
  repeat 平铺（默认值）图片的尺寸小于标签的尺寸
  no-repeat 不平铺，单张图片显示
  repeat-x x轴方向平铺
  repeat-y y轴方向平铺
• background-position 属性设置背景图像的起始位置
  属性值：
  第一个值是x轴方向
  第二个值是y轴方向
  位置取值：
  top left/center/right 左上/上面中间/右上
  center left/center/right 中间左边/正中间/中间右边
  bottom left/center/right 左下/下面中间/右下
  偏移量取值：正负值
• background-clip 设置背景的显示区域
  取值：
  border-box（默认值）边框盒的左上角开始
  padding-box（默认值）填充盒的左上角开始
  content-box（默认值）内容盒的左上角开始
• background-origin设置背景的渲染区域
  取值：
  border-box（默认值）边框盒的左上角开始
  padding-box（默认值）填充盒的左上角开始
  content-box（默认值）内容盒的左上角开始
• background-attachment 设置背景随页面滚动样式
  取值：
  scroll 默认值，其他内容滚动的时候，背景图跟着一起滚动
  fixed 固定位置
• background-img 也可以添加背景色渐变
  取值：
  linear-gradient(参数，中间逗号间隔)线性渐变
  第一个参数指方向
  第二个参数以后指颜色