zoukankan      html  css  js  c++  java
  • 雪碧图(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的区别:
        前者的内容也跟着透明,而后者的内容不跟透明;内容包含图片和文字;

  • 相关阅读:
    内存泄漏 Memory Leaks 内存优化 MD
    Handler Thread 内部类引起内存泄露分析
    为什么不取消注册BroadcastReceiver会导致内存泄漏
    WebChromeClient 简介 API 案例
    WebViewClient 简介 API 案例
    java.net.URI 简介 文档 API
    android.net.Uri 简介 API
    RV 多样式 MultiType 聊天界面 消息类型 MD
    JS函数声明与定义,作用域,函数声明与表达式的区别
    CSS中table tr:nth-child(even)改变tr背景颜色: IE7,8无效
  • 原文地址:https://www.cnblogs.com/yanghuiting/p/9715598.html
Copyright © 2011-2022 走看看