-
CSS Sprite簡(jiǎn)介查看全部
-
3種方式實(shí)現(xiàn) icon小圖標(biāo)查看全部
-
CSS Sprite查看全部
-
CSS Sprite:把小圖標(biāo)放在一張背景圖上，通過(guò)background-img，定位獲得 優(yōu)點(diǎn)：減少http請(qǐng)求，提高效率 知識(shí)點(diǎn)：background-img；background-position； 用字體在網(wǎng)頁(yè)中畫(huà)icon小圖標(biāo)： 適當(dāng)?shù)膱D標(biāo)，可以達(dá)到一圖勝千言的效果 1.CSS Sprite 2.font+HTML 用font字體+html代碼，以文本的形式畫(huà)icon圖標(biāo) 3.font+CSS [ 收起全文 ]查看全部
-
123查看全部
-
font+css 。名稱：加before偽元素{content："\6886"}查看全部
-
？#iefix，解決IE小圖標(biāo)不顯示的問(wèn)題查看全部
-
CSS Sprite、font+html、font+css三者的比較查看全部
-
@font-face 2.0查看全部
-
@font-face查看全部
-
使用字體在網(wǎng)頁(yè)中畫(huà)icon小圖標(biāo) 知識(shí)點(diǎn) :before偽元素 偽元素：創(chuàng)建一個(gè)虛假的元素，并插入到目標(biāo)元素內(nèi)容之前 語(yǔ)法：selector:pseudo-element{偽元素語(yǔ)法} .class:pseudo-element{類與偽元素配合使用} 知識(shí)點(diǎn) content屬性 在css2.1中被引用，與:before及:after偽元素配合使用，來(lái)插入生成內(nèi)容。 語(yǔ)法 content:normal|none|[<string>|<uri>|...]+查看全部
-
在html中輸入16進(jìn)制，需要在數(shù)字前加&#x,如? src: url("../fonts/icomoon.eot);/*為了解決IE9兼容模式下無(wú)法顯示圖標(biāo)字體*/ src: url("../fonts/icomoon.eot?#iefix);/*"?"是為了解決IE6-8下無(wú)法顯示圖標(biāo)字體，"#iefix"只是為了標(biāo)識(shí)說(shuō)明，真正起作用的是"?"*/ 3.優(yōu)化 抗鋸齒 ： -webkit-font-smoothing:antialiased; 在火狐瀏覽器，和os下 -moz-osx-font-smoothing:grayscale;查看全部
-
@font-face{ font-family:"名字"; src:url("../font/*.eot") format("embedded-opentype"), url("../font/*.woff) format("woff"), url("../font/*.ttf) format("truetype"), url("../font/*.svg") format("svg"); }查看全部
-
iconfont http://www.iconfont.cn http://fontello.com/ http://fontawesome.io/查看全部
-
https://icomoon.io/app/#/select查看全部
舉報(bào)
0/150
提交
取消