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