雪碧圖和如何實現瀏覽器中title的小圖標

2. background-position 雪碧圖

咱們的html和css中有三個屬性能夠向服務器發送請求 ser href url

2.overflow

      （1） 值hidden 超出就隱藏

       （2）值scroll 出現滾動條

  visibility:hidden 可見的（消失可是佔用位置）

   display：none 消失但不佔用位置

爲何要使用雪碧圖

由於咱們使用雪碧圖以後，原本須要屢次請求的圖片，咱們一次就能請求過來，而後使用 background-position 調位置，從而減小了該頁面想服務器請求的次數，間接液化了該頁面的性能。

 

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

咱們須要借鑑 link標籤

                 link 標籤的標籤屬性有哪些？rel type href

                 rel 是當前頁面和url之間的關係 rel=stylesheet

                 type 是資源文件的mime 類型 html文件 mime 是text/html圖片的mime類型。

                 lmage/jpg (png gif) css的mime 類型是text/css/js 的mime 類型是text/javascript。

                 mine 類型 客戶端和服務器之間的暗號，根據拓展名而定

               

 

title中的小圖標就出來了。href這裏不能寫成 ./

2.meta 元信息標籤

分析裏面的屬性

3.矢量圖標 http://www.iconfont.cn/

阿里雲矢量圖庫

 

5. textarea{

             resize：none；

}

這個屬性不讓文本域被人爲拉伸

 

6.table {

          border-collapse：collapse；

}

這個屬性讓表格邊框變細

7.清除浮動的兼容性

清除浮動在低版本瀏覽器不行。須要處理兼容性

加一個.clearfix:after{zoom:1}

8. 光標的形狀

cursor 光標屬性有pointer 抓手 指針 wait help

10. reb 和rgba 和opacity

rgb 顏色的表示方法值是0-255 如 background：rgb （12，15，16）

opacity 表示透明度 值是0-1

rgba r是red 0-255 g是green 值是0-255 b是blue 值是0-255 啊是opacity 值是0-1可是ie低版本不支持

geb和rgba的區別？

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