background-position 雪碧圖
我們的html和css中有三個(gè)屬性可以向服務(wù)器發(fā)送請(qǐng)求?ser href url
2.overflow
? ? ? （1） 值hidden 超出就隱藏
? ? ?? （2）值scroll 出現(xiàn)滾動(dòng)條
? visibility:hidden 可見的（消失但是占用位置）
?? display：none 消失但不占用位置
為什么要使用雪碧圖
因?yàn)槲覀兪褂醚┍虉D之后，本來(lái)需要多次請(qǐng)求的圖片，我們一次就能請(qǐng)求過(guò)來(lái)，然后使用 background-position 調(diào)位置，從而減少了該頁(yè)面想服務(wù)器請(qǐng)求的次數(shù)，間接液化了該頁(yè)面的性能。
1， 如何實(shí)現(xiàn)瀏覽器title中的小圖標(biāo)
我們需要借鑒 link標(biāo)簽
? ? ? ? ? ? ? ?? link 標(biāo)簽的標(biāo)簽屬性有哪些？rel type href
? ? ? ? ? ? ? ?? rel 是當(dāng)前頁(yè)面和url之間的關(guān)系 rel=stylesheet
? ? ? ? ? ? ? ?? type 是資源文件的mime 類型 html文件 mime 是text/html圖片的mime類型。
? ? ? ? ? ? ? ?? lmage/jpg (png gif) css的mime 類型是text/css/js 的mime 類型是text/javascript。
? ? ? ? ? ? ? ?? mine 類型 客戶端和服務(wù)器之間的暗號(hào)，根據(jù)拓展名而定
title中的小圖標(biāo)就出來(lái)了。href這里不能寫成 ./
2.meta 元信息標(biāo)簽
分析里面的屬性
3.矢量圖標(biāo)http://www.iconfont.cn/
阿里云矢量圖庫(kù)
5. textarea{
? ? ? ? ? ?? resize：none；
}
這個(gè)屬性不讓文本域被人為拉伸
6.table {
? ? ? ? ? border-collapse：collapse；
}
這個(gè)屬性讓表格邊框變細(xì)
7.清除浮動(dòng)的兼容性
清除浮動(dòng)在低版本瀏覽器不行。需要處理兼容性
加一個(gè).clearfix:after{zoom:1}
8. 光標(biāo)的形狀
cursor 光標(biāo)屬性有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的區(qū)別？
前者的內(nèi)容也跟著透明，后者的內(nèi)容不跟著透明。包含文字和文字。
