瀏覽器的小圖標

1如何實現瀏覽器title中的小圖標？

我們需要借鑒link標簽

Link標簽的標簽屬性有哪些？ rel type href

Rel 是當前頁面和url之間的關系  rel=”stylesheet” 

Type 是資源文件的mime類型  .html文件mime類型是text/html 圖片的mime類型

Image/jpg(png/gif)  css的mime類型是text/css js的mime類型是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 和rgba和opacity

 

 

 

10

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

Opacity表示透明度 值是0-1；

Rgba() r是red 0-255 g是green 值是0-255 b是blue值是0-255 a是opacity值是0-1；

但ie是低版本不支持。

 

Rgb和opacity  與rgba的區別？

前者的內容也跟着透明，后者的內容不跟着透明。內容包含圖片和文字。