雪碧图和如何实现浏览器中title的小图标

background-position 雪碧图

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

2.overflow

      （1） 值hidden 超出就隐藏

       （2）值scroll 出现滚动条

  visibility:hidden 可见的（消失但是占用位置）

   display：none 消失但不占用位置

为什么要使用雪碧图

因为我们使用雪碧图之后，本来需要多次请求的图片，我们一次就能请求过来，然后使用 background-position 调位置，从而减少了该页面想服务器请求的次数，间接液化了该页面的性能。

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

我们需要借鉴 link标签

                 link 标签的标签属性有哪些？rel type href

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

                 type 是资源文件的mime 类型 html文件 mime 是text/html图片的mime类型。

                 lmage/jpg (png gif) css的mime 类型是text/css/js 的mime 类型是text/javascript。

                 mine 类型 客户端和服务器之间的暗号，根据拓展名而定

title中的小图标就出来了。href这里不能写成 ./

2.meta 元信息标签

分析里面的属性

3.矢量图标http://www.iconfont.cn/

阿里云矢量图库

5. textarea{

             resize：none；

}

这个属性不让文本域被人为拉伸

6.table {

          border-collapse：collapse；

}

这个属性让表格边框变细

7.清除浮动的兼容性

清除浮动在低版本浏览器不行。需要处理兼容性

加一个.clearfix:after{zoom:1}

8. 光标的形状

cursor 光标属性有pointer 抓手 指针 wait help

10. reb 和rgba 和opacity

rgb 颜色的表示方法值是0-255 如 background：rgb （12，15，16）

opacity 表示透明度 值是0-1

rgba r是red 0-255 g是green 值是0-255 b是blue 值是0-255 啊是opacity 值是0-1但是ie低版本不支持

geb和rgba的区别？

前者的内容也跟着透明，后者的内容不跟着透明。包含文字和文字。

作者：晋飞翔

手机号(微信同步)：17812718961

希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢！！！