-
color:#efe0ce(土豪金）#ef7073(腦殘粉)#78ade3（藍(lán)）#eae77f #3c3c3c查看全部
-
一、CSS Sprite:把小圖標(biāo)放在一張背景圖上，通過(guò)background-img，定位獲得 優(yōu)點(diǎn)：減少http請(qǐng)求，提高效率 知識(shí)點(diǎn)：background-img；background-position；查看全部
-
CSS Sprite font+html font+css 在網(wǎng)頁(yè)中畫(huà)小圖標(biāo)的3種方法對(duì)比查看全部
-
1.解決在IE6-IE8下不顯示小圖標(biāo)的辦法，eot后面加?#iefix 或只加一個(gè)？（起作用的就是？） 2. 在IE9兼容模式下：url("../fonts/icomoon.eot") 再寫(xiě)一遍 3.優(yōu)化 抗鋸齒 ： -webkit-font-smoothing:antialiased; 在火狐瀏覽器，和os下 -moz-osx-font-smoothing:grayscale;查看全部
-
在html中輸入16進(jìn)制，需要在數(shù)字前加&#x,如查看全部
-
各個(gè)字體格式對(duì)應(yīng)的format查看全部
-
字體文件格式查看全部
-
IcoMoon圖標(biāo)神器查看全部
-
使用Icon Fonts的優(yōu)點(diǎn)查看全部
-
小圖標(biāo)索position的計(jì)算方法：索引值*小圖標(biāo)的高度查看全部
-
會(huì)使用CSS Sprite要知道的知識(shí)點(diǎn)查看全部
-
什么叫CSS Sprite(CSS雪碧或CSS精靈)查看全部
-
優(yōu)點(diǎn)啊啊查看全部
-
網(wǎng)站中小圖標(biāo)實(shí)現(xiàn)方法： 一、CSS Sprite:把小圖標(biāo)放在一張背景圖上，通過(guò)background-img，定位獲得 優(yōu)點(diǎn)：減少http請(qǐng)求，提高效率 知識(shí)點(diǎn)：background-img；background-position； 特點(diǎn)： 1、相對(duì)單個(gè)小圖標(biāo)，他節(jié)省文件體積和服務(wù)器請(qǐng)求次數(shù) 2、一般情況下，你需要保存為PNG-24的文件格式 3、可以設(shè)計(jì)出豐富多彩的顏色圖標(biāo) 難點(diǎn)： 1、你需要預(yù)先確定每個(gè)小圖標(biāo)的大??； 2、注意小圖標(biāo)與小圖標(biāo)之間的距離； 3、細(xì)心 + 耐心 二、font + HTML:用字體在網(wǎng)頁(yè)中畫(huà)icon小圖標(biāo) 優(yōu)點(diǎn)： 1、靈活性：輕松改變圖標(biāo)的顏色和其他css效果 2、可擴(kuò)展：改變圖標(biāo)大小，就像改變字體大小一樣容易 3、矢量性：圖標(biāo)是矢量的，與像像素?zé)o關(guān)，縮放圖標(biāo)不會(huì)影響清晰度 4、兼容性：字體圖標(biāo)支持所有現(xiàn)代瀏覽器（包括糟糕的IE6） 5、本地使用：通過(guò)添加定制字體到您的本地系統(tǒng)，你可以在各種不同的設(shè)計(jì)和編輯應(yīng)用程序中使用它們 推薦icon庫(kù)：https://iconmoon.io 免費(fèi)圖標(biāo) 免費(fèi)的應(yīng)用程序 三、font + CSS:查看全部
-
src: url("../fonts/icomoon.eot);/*為了解決IE9兼容模式下無(wú)法顯示圖標(biāo)字體*/ src: url("../fonts/icomoon.eot?#iefix);/*"?"是為了解決IE下無(wú)法顯示圖標(biāo)字體，"#iefix"只是為了標(biāo)識(shí)說(shuō)明，真正起作用的是"?"*/ -webkit-font-smoothing: antialiased; -moz-osxfont-smoothing: grayscale; 這兩行是設(shè)置字體的抗鋸齒屬性查看全部
舉報(bào)
0/150
提交
取消