CSS学习笔记(五)

背景图片

  • 1、backgroud-image:url()属性
    专门设置背景图片

  • 2、backgroud-repeat:属性
    取值:
    repeat
    no-repeat
    repeat-x
    repeat-y

  • 3、背景图片和背景颜色可以共存 背景图片会盖住背景颜色

  • 4、控制背景图片的位置
    backgroud-position : right top;
    4.1取值

    • 具体的方位名词:水平方向:left center right 垂直方向 top center bottom
    • 像素
  • 5、背景关联方式
    backgroud-attachment :取值 scroll 和 fixed
    背景属性缩写方式:
    backgroud: 颜色 图片 平铺方式 关联方式 定位方式

  • 6、精灵图
    一种图像合成技术
    作用:减少请求的次数,降低服务器处理压力
    用法:需要配合背景图片和背景定位来使用

你可能感兴趣的:(CSS学习笔记(五))