1. 程式人生 > >title中小圖標的實現及光標,兼容性

title中小圖標的實現及光標,兼容性

jpg mage 轉義 兼容 ack 不讓 url 當前頁 tex

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中小圖標的實現及光標,兼容性