仿了一些網(wǎng)頁(yè)做練習(xí)看別人源碼有些圖片是直接用選擇器{background：url()};做出來(lái)的效果，而有的圖片是用直接在行級(jí)元素內(nèi)直接img引用沒搞清兩者之間有什么區(qū)別
4 回答
阿賈大魔王
TA貢獻(xiàn)29條經(jīng)驗(yàn) 獲得超28個(gè)贊
我個(gè)人一般是像一些小圓點(diǎn)，小三角型，圖標(biāo)，按鈕， 漸變背景等，這些做出來(lái)就不會(huì)有改動(dòng)的一類，做個(gè)合成圖，然后用{background：url()}，很方便，加載速度又快。
但如果是像banner海報(bào)，新聞的插圖，人物頭像，新聞配圖，產(chǎn)品圖片等，這些做出來(lái)后還是需要根據(jù)內(nèi)容進(jìn)行修改的圖片，就用img引用，這樣便于之后的修改，方便后臺(tái)人員調(diào)試。這樣的引用，img最好限制寬高以免圖片溢出或太小。像專家介紹有人物的頭像照片，后面放的照片不一定是你切的寬高，你總不能讓管理員一個(gè)個(gè)切好放上去吧，那么就在CSS里面寫好它的寬高。比如新聞的插圖，你就要寫最大寬度是多少，省的圖大了溢出你文章頁(yè)面的寬度。
添加回答
舉報(bào)
0/150
提交
取消