• css里的背景属性有哪些,如何去使用哪些属性


    分类:纯色背景    背景图像

      1、背景颜色

        background-color : 任意合法的颜色 和 transparent  

       2、背景图像 

        background-image : url(想要加载的图片)

       3、背景图片平铺

        background-repeat : 

             repeat:默认值水平垂直方向都平铺

             repeat-x : 水平方向平铺

               repeat-y : 垂直方向平铺

               no-repeat : 默认不平铺      

     4、背景图片的尺寸

          background-size : value1    value2     宽度    高度    (单位px)

                   value%   value%    宽度    高度    (单位%)

                   cover :全覆盖  将背景图等比放大知道背景图完全覆盖到元素的所有区域

                   contain : 包含  将背景图等比放大,直到下边或者右边有一个边缘碰到元素为止

      5、背景图片固定 

          background-attachment : fixed;(固定)

                       scorll(滚动)

      6、背景定位

          改变背景图片在元素中的默认位置

          background-position : 注意对于这个Firefox和Opera,background-attachment必须设置为“fixed”(固定)

              left(top,center,bottom)

              right(top,center,bottom)

              center(top,center,bottom)

              x%    y%(注意第一个值是水平位置,第二个值是垂直位置;左上角是0%    0% ,右下角是100%   100%,如果只指定了一个值其他值是50%,默认为0%    0%)

              xpos  ypos(第一个值是水平位置,第二个值是垂直位置;单位可以是像素也可以是其他css单位,如果只指定了一个值其他值是50%;可以使用%和positions)

              inherit : 指定background-position属性设置应该从父元素继承

      7、雪碧图、精灵图

          作用:将一些小的背景图合并到大的背景中去,以便实现减少服务器的请求

          步骤:1>、我们根据图像的大小创建一个元素

              2>、将多张图片合并为一张图片,下载全部所需的资源,只需一次请求,减少链接的消耗

              

  • 相关阅读:
    java.util.Date和java.sql.Date的区别及应用
    powderdesinger显示中英文表名
    Axure实现提示文本单击显示后自动消失的效果
    如何把Java的double类型变量保留两位小数
    MyBatis查询,返回值Map或List<Map>
    Spring Security整合JWT,实现单点登录,So Easy~!
    win10+mysql8.0安装
    Intellij IDEA导入JAVA项目并启动(哈哈哈,天天都有人问)
    色彩设计基础知识整理
    前端开发者必备的Nginx知识
  • 原文地址:https://www.cnblogs.com/zycs/p/12026328.html
Copyright © 2020-2023  润新知