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

猜你喜欢

转载自www.cnblogs.com/yanghuiting/p/9715598.html