css背景样式属性

 <!-- 背景样式：background-开头 -->
    <!-- 1.背景颜色属性：background-color英文单词/十六进制/RGB取色法（rgba   a：透明度取值零到一之间） -->
    <!-- 默认值是透明色 transparent -->
    <!-- 2.背景图片：background-image：url（图片的路径） -->
    <!-- 写图片的路径可不加双引号 -->
    <!-- 图片引入时会重复 -->
    <!-- 背景是否平铺：background—repeat -->
    <!-- repeat重复  默认值 -->
    <!-- no-repeat背景图片不重复 -->
    <!-- repeat-x 水平方向上重复 -->
    <!-- repeat-y 竖直方向上重复 -->
    <!-- 4.背景图片大小：background-size:宽px 高px  -->
    <!-- 补充：精灵图（雪碧图）：多个小背景图整合到一张大背景图上 Sprites -->
    <!-- 5.背景图片位置：background-position  主要用于获取雪碧图的 -->
    <!-- background-position：x轴 y轴   y轴一般都是为负 -->
    <!-- 也可以使用方位词：top left bottom right 不推荐使用 -->
    <!-- 6.背景图片是否固定：background-attachment -->
    <!-- scoll 默认值 图片不固定 -->
    <!-- fixed 图片固定 -->
    <!-- 7.背景颜色绘制区域：background-clip -->
    <!-- border-box：背景颜色绘制的内容区+内边距+内边框 -->
    <!-- padding-box 内容区+内边距 -->
    <!-- content-box 只去填充内容区 -->
    <!-- text 只去填充内容区中的文字    兼容性不好需要加前缀 -weblit-background-clip -->
    <!-- 8.渐变背景：background-image可以表示我们的背景渐变颜色 -->
    <!-- 渐变背景分为线性和径向 -->
    <!-- 线性渐变：颜色渐变是线性的 -->
    <!-- background-image：linear-gradient（to 渐变方向，颜色1，颜色2，颜色3，..）实现渐变最少使用两种颜色 -->
    <!-- 方向：top，toiiom，left，right -->
    <!-- 可以指定每一种颜色占多少：在颜色后面写上数值px或者% -->
    <!-- 可以用角度表示：to 换成角度deg -->
    <!-- 重复线性渐变：background-image：repeating-linear-gradient（方向/角度，颜色 数值大小） -->
    <!-- 需要指定每一部分颜色占有多少，颜色占像素多少 -->
    <!-- 径向渐变：以元素中心点向外放射 -->
    <!-- radial-gradient -->
    <!-- circle圆形 ellipse椭圆 -->
    <!-- 最远角：元素的中心点到边或者角的距离 -->
    <!-- cloest-side：中心点到最近边的距离 -->
    <!-- cloest-corner：中心点到最近的角的方向 -->
    <!-- farthest-side：中心到最远的边的方向 -->
    <!-- farthest-corner：中心点到最远的角的方向 -->
    <!-- 放射类型和最远角只能写一个 -->
    <!-- 重复的径向渐变：repeating-radial-gradient（和径向渐变的值一样）每个颜色所占有多少像素，每个颜色所占有的比例要求从小到大 -->
    <!-- 背景混合写法：background：背景颜色 背景图片 背景是否平铺 背景图片位置 -->
    <!-- background-clip和background这两个不可以混合写法 -->