浏览器的小图标

Posted zhangtao12

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浏览器的小图标相关的知识,希望对你有一定的参考价值。

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

技术分享图片

我们需要借鉴link标签

Link标签的标签属性有哪些? rel type href

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

Type 是资源文件的mime类型  .html文件mime类型是text/html 图片的mime类型

Image/jpg(png/gif)  cssmime类型是text/css jsmime类型是text/javascript

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

技术分享图片

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

 

2,Meta 元信息标签

分析里面的属性

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

阿里云矢量图库。

 

转义字符

空格的字符  

4.项目的完整目录

技术分享图片

 

5

  textarea{

    resize: none;

    }

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

 

 

6.

table{

 border-collapse: collapse;

}

这个属性让表格的变边框细

 

7. 

Font的简写

 技术分享图片技术分享图片

 

 

8.

清除浮动的兼容性

 技术分享图片

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

加一个.clearfix{*zoom:1;}

 

 

9.光标的形状

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

  1. rgb rgbaopacity

 

 

 

10

Rgb()颜色的表示方法值是0-255background:rgb(12,15,16);

Opacity表示透明度 值是0-1

技术分享图片

Rgba() rred 0-255 ggreen 值是0-255 bblue值是0-255 aopacity值是0-1

ie是低版本不支持。

 技术分享图片

Rgbopacity  rgba的区别?

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

 

 

 

以上是关于浏览器的小图标的主要内容,如果未能解决你的问题,请参考以下文章

把select的小图标替换成 自己想要的图片

电脑桌面图标上的小箭头怎么去除?

网站左上角的小图标是怎么做的呢?

网页的title左边的小图片怎么添加

网站标题前的小logo

Sprite(雪碧图)的应用