-
font+HTML畫小圖標簡介 靈活性：輕松地改變圖標的顏色或其他CSS效果 可擴展：改變圖標的大小，就像改變字體大小一樣容易 矢量性：圖標是矢量的，與像素無關(guān)。縮放圖標不會影響清晰度 兼容性：字體圖標支持所有現(xiàn)代瀏覽器（包括糟糕的IE6） 本地使用：通過添加定制字體到本地系統(tǒng)，可以在各種不同的設(shè)計和編輯應(yīng)用程序中使用查看全部
-
sublime批量生成代碼技巧： 1.安裝Emmet、TAG插件 Ctrl+Shift+P-->Package Control:Install Package-->Emmet Ctrl+Shift+P-->Package Control:Install Package-->TAG 2.生成代碼 例1：生成HTML框架代碼，依賴Emmet插件 新建并另存為.html文件 輸入“!”，按下Ctrl+E，生成HTML框架代碼 例2：批量生成標簽，依賴Emmet插件 ul.sprite>li*11>s.s-icon+a{慕課網(wǎng)就是好$}，按下Tab鍵，生成代碼： <li><s class="s-icon"></s><a href="">慕課網(wǎng)就是好1</a></li> <li><s class="s-icon"></s><a href="">慕課網(wǎng)就是好2</a></li> ... <li><s class="s-icon"></s><a href="">慕課網(wǎng)就是好11</a></li> 例3：批量代碼格式化，依賴TAG插件 選中代碼，按下Ctrl+Alt+F，批量格式化查看全部
-
CSS Sprite： 知識點： 1.background-image 2.background-position 特點： 1.相對于單個小圖標，它節(jié)省文件體積和服務(wù)器請求次數(shù) 2.一般情況下，需要保存為PNG-24的文件格式 3.可以設(shè)計出豐富多彩的顏色圖標 難點： 1.需要預(yù)先確定每個小圖標的大小 2.注意小圖標與小圖標之間的距離 3.細心+耐心查看全部
-
CSS Sprite： 在國內(nèi)稱為“CSS雪碧”，也叫“CSS精靈” 它是把網(wǎng)頁中一些零星背景圖片整合到一張圖片文件中，再利用CSS的背景圖片定位到要顯示的位置，因此也叫“圖片拼合”技術(shù)。 好處：可以減少文件體積和服務(wù)器請求次數(shù)，從而提高效率查看全部
-
用字體在網(wǎng)頁中畫icon小圖標： 適當?shù)膱D標，可以達到一圖勝千言的效果 1.CSS Sprite 2.font+HTML 3.font+CSS查看全部
-
https://icomoon.io @font-face{ font-family:<family-name>; src:[<url>[format(<string>#)]?<font-face-name>]#; font-weight:<weight>; font-size:<style>; } http://www.w3.org/TR/css3-fonts/#descdef-src查看全部
-
圖標神器： 1、IcoMoon https://icomoon.io 2、查看全部
-
解決IE瀏覽器不顯示字體圖標的bug查看全部
-
字體圖標的優(yōu)點。查看全部
-
背景圖片位置計算方法：X軸向右，Y軸向下，均取負值。查看全部
-
png-24相對于png-8圖片沒有毛邊查看全部
-
3333333333333333333查看全部
-
2222222222222222查看全部
-
111111111111111111111查看全部
-
csssprite定位查看全部
舉報
0/150
提交
取消