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

本文深入讲解前端开发中实用技巧,包括实现浏览器图标、文本域样式控制、清除浮动兼容性、光标形状设置、颜色及透明度调整等,帮助开发者提升网页布局与交互体验。

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的区别?

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

转载于:https://www.cnblogs.com/Shinigami/p/9720456.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值