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

2. 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的区别？

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