码迷,mamicode.com
首页 > 其他好文 > 详细

title中小图标的实现及光标,兼容性

时间:2018-09-28 20:52:25      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:round   inter   java   nbsp   aci   wait   red   类型   rip   

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类型,客户端和服务器之间的暗号,根据拓展名而定。

 

2.转义字符

 

空格的字符  

 

3.

 

textarea{

 

         resize: none;

 

      }

 

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

 

4.

 

table{

 

          border-collapse: collapse;

 

      }

 

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

 

5.

 

Font的简写

body{

  font:12px/15%  Arial,verdana,“\5b8b\4f53”;

  }

6.

清除浮动的兼容性

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

 

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

7.

光标的形状

 

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

 

8.     rgb rgbaopacity

 

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

 

Opacity表示透明度值是0-1

 

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

 

但是ie低版本不支持。

 

9.

Rgbopacity  rgba的区别?

 

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

 

title中小图标的实现及光标,兼容性

标签:round   inter   java   nbsp   aci   wait   red   类型   rip   

原文地址:https://www.cnblogs.com/Shinigami/p/9720456.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!