CSS Sprite(雪碧圖|精靈圖)指什么? 有什么作用
將小icon 合并到一個(gè)背景上只壳,通過(guò)background-position定位到不同的icon狭莱。減少網(wǎng)絡(luò)請(qǐng)求稚字。
img標(biāo)簽和CSS背景使用圖片在使用場(chǎng)景上有何區(qū)別
是否需要更換改變圖片本身万搔,圖片固定變化不算
title 和 alt屬性分別有什么作用
鼠標(biāo)放上去顯示的文字用title
爬蟲以及圖片消失后出現(xiàn)的是alt
background: url(abc.png) 0 0 no-repeat;這句話是什么意思
設(shè)置abc.png為背景仰坦,坐標(biāo)是00蘸嘶,不重復(fù)
background-size有什么作用? 兼容性如何? 常用的值是?
設(shè)置背景圖片大小良瞧,設(shè)置如何適應(yīng)窗口
常用的值:數(shù)值、百分比训唱、cover褥蚯、contain
background-size練習(xí)
IE9及以上
如何讓一個(gè)div水平居中?如何讓圖片水平居中
magin:0 auto/要有寬度况增,塊級(jí)元素/
text-align:center/行內(nèi)元素赞庶,加到父元素上/
QQ截圖20160615160855.png
如何設(shè)置元素透明? 兼容性?
rgba(r,g,b,0.5) /* IE9及以上*/
opacity和 rgba都能設(shè)置透明澳骤,有什么區(qū)別歧强?
使用opacity屬性時(shí)后代元素會(huì)繼承父元素的 opacity 屬性,使用rgba屬性值時(shí)后代元素不會(huì)繼承不透明屬性
對(duì)比.png