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

  1. 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
希望本篇文章 能给正在学习 前端的朋友 或 以及工作的朋友 带来收获 不喜勿喷 如有建议 多多提议 谢谢!!!

 

 

 

 

 

posted @ 2018-10-10 20:47  晋飞翔  阅读(626)  评论(4编辑  收藏  举报