• 雪碧图(background-position)、overflow、title中的小图标、光标、rgb 和opacity 与rgba


    一、background-position     雪碧图

      我们的html和css中有三个属性可以向服务器发送请求:src   url    href

      1、我们为什么使用雪碧图?

        因为我们使用雪碧图之后,本来需要多次请求的图片,我们一次就请求过来了

    二、overflow

      1、值hidden:超出就隐藏

      2、值scrol:出现滚动条

        visibility:hidden;可见的(消失但是占用位置)

        display:none;消失但不占用位置

    三、title中的小图标

      1、如何实现浏览器title中的小图标?

        我们需要借鉴link标签

      2、link标签的属性有哪些?

        rel     type     href

        rel:是当前页面和url之间的关系  rel=“stylesheet”

        type:是资源文件的mime类型

        <link  rel  ="shortcut   icon"   href="favicon.ico"/>

        title中的小图标就出来了,href中不能写./

        *注:mine类型:客户端与服务端之间的暗号,根据扩展名而定

          .html文件的mime类型是text/html

          图片的mine类型是image/jpg(png/gif)

          css的mime类型是text/css

          js的mime类型是text/javascript

         转移字符:空格的转移字符:&nbsp;

    四、光标的形状

      cursor光标属性值有pointer(抓手)、wait(等待)、help(问号)、默认的是指针

    五、rgb 、opacity与rgba

      1、rgb():颜色的表示方法值是0—255,如background:(12,15,16);

         opacity():表示透明度   值是0—1;

            rgba():r 是red  的值0—255,g 是green 的值0—255,b是blue 的值0—255,a是opacity 的值是0—1,但是IE底版本不支持;

      *注:解决透明度在IE底版本的兼容性,加入一个   filter:alpha(opacity=“50”)

      2、rgb 和opacity 与rgba的区别:
        前者的内容也跟着透明,而后者的内容不跟透明;内容包含图片和文字;

  • 相关阅读:
    大厂面试高频Redis,记不住的多操作几次吧
    自动化测试系列之jenkins配置搭建环境
    关于linux服务器的磁盘监控的相关知识
    前端常见一些安全问题及解决方案
    如何使用PM2部署前端项目
    vuex状态管理器本地持久化
    关于在Vue中Typescript的写法
    websocket快速重连机制
    如何使用selenium打开多个浏览器
    运维人员踩坑记录之netplan遇坑,配置临时IP巧妙解决
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/9715598.html
Copyright © 2020-2023  润新知