sprite&iconfont

時間 2019-11-13

標籤 sprite&iconfont sprite iconfont 简体版

原文原文鏈接

簡述：CSS雪碧圖是一種處理網頁背景圖像的方式，將一個頁面涉及到的全部零星背景圖像都集中到一張大圖。css

使用雪碧圖的好處：有效減小服務器接收和發送請求的次數，提升了頁面的加載速度。服務器

使用：bg-image、bg-repeat、bg-position；ide

給div大小：所需背景圖像的大小；字體

再經過background-position: x y; 進行移動。網站

字體圖標 : 能夠作出與圖片同樣的事情，如改變透明度、旋轉度…spa

本質:文字 so 能夠改顏色、陰影、大小等效果 besides兼容性好blog

各類字體圖標字庫圖片

阿里icon font字庫：http://www.iconfont.cn/it

字體圖標的使用：

Step1：下載字體解壓壓縮包

將fonts放到網站目錄中；

Step2：css中聲明自定義字體 (@font-face{…})

Step3：定義字體的樣式（盒子引用字體再各自定義樣式也ok）

Step4：盒子應用樣式

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。