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

1、background-position     雪碧图javascript

  咱们的html和css中有三个属性能够向服务器发送请求:src   url    hrefcss

  一、咱们为何使用雪碧图?html

    由于咱们使用雪碧图以后,原本须要屡次请求的图片,咱们一次就请求过来了java

2、overflow浏览器

  一、值hidden:超出就隐藏服务器

  二、值scrol:出现滚动条url

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

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

3、title中的小图标htm

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

    咱们须要借鉴link标签

  二、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;

4、光标的形状

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

5、rgb 、opacity与rgba

  一、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”)

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

相关文章
相关标签/搜索