仿了一些網(wǎng)頁做練習(xí)看別人源碼有些圖片是直接用選擇器{background:url()};做出來的效果,而有的圖片是用直接在行級元素內(nèi)直接img引用沒搞清兩者之間有什么區(qū)別
4 回答

阿賈大魔王
TA貢獻29條經(jīng)驗 獲得超28個贊
我個人一般是像一些小圓點,小三角型,圖標,按鈕, 漸變背景等,這些做出來就不會有改動的一類,做個合成圖,然后用{background:url()},很方便,加載速度又快。
但如果是像banner海報,新聞的插圖,人物頭像,新聞配圖,產(chǎn)品圖片等,這些做出來后還是需要根據(jù)內(nèi)容進行修改的圖片,就用img引用,這樣便于之后的修改,方便后臺人員調(diào)試。這樣的引用,img最好限制寬高以免圖片溢出或太小。像專家介紹有人物的頭像照片,后面放的照片不一定是你切的寬高,你總不能讓管理員一個個切好放上去吧,那么就在CSS里面寫好它的寬高。比如新聞的插圖,你就要寫最大寬度是多少,省的圖大了溢出你文章頁面的寬度。
添加回答
舉報
0/150
提交
取消