切圖
通過ps等軟件, 將圖片切成一個圖片.
在頁面中引入img標籤.
background-image: url(path)
在一個div標籤內設置其css屬性, url的參數是圖片的路徑
css image sprites
這種圖片也是我們常說的雪碧圖(其實直譯過來是精靈圖).
將多張圖拼接成一個圖片, 再用background-image應用到相應位置, 然後使用background-position進行定位.
iconfont
這種方法有三種方法進行.
Unicode: 每個圖標是一個html實體, 通過實體進行設置
font class: 將圖標看成字體, 可以給圖標設置顏色等
symbol: 使用svg作圖, 是目前使用圖標的主流.
可以在阿里巴巴的矢量圖形庫中找圖標.
這是它的使用說明:
http://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4382a&helptype=code