亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
慕課網里有另一門類似的課程《用字體在網頁中畫ICON圖標》也是講CSS Sprite
其中的代碼是用js實現的。有興趣的朋友可以去學習學習~~
哈哈 在這都不愛打中文
還是不明白為什么雪碧圖要叫雪碧圖
填好的啊啊
*{padding:0;margin:0;}
.ul-shop{
width:150;
list-style:none;
padding:0 10px;
border:2px solid #bbb;
}
.ul-shop li{
border-bottom:1px solid #ccc;
}
.ul-shop li:last-of-type{
border:none;
}
.ul-shop li>h3{
font-size:16px;
color:#666;
text-align:center;
}
css
background-position: ;
編輯器炸了還是我的輸入法炸了
有沒有習慣按 ctrl+s 的
優點
1.減少加載網頁圖片時對服務器的請求次數
2.提高頁面的加載速度
缺點
1.CSS雪碧的最大問題是內存使用
2.影響瀏覽器的縮放功能
3.拼圖維護比較麻煩
全屏看了效果圖，發現數值要改，收齊，直接按了Backspace...然后就沒有然后了，呵呵呵呵呵
前面都學得挺好的，到自己編寫的時候就跪了。。
雪碧圖真的是非常常用?。?！
不錯,每天get點新知識
這里為什么要給<i>,設置display:block呢, <i>是行內標簽,不會獨占一行,它沒有背景,不能設置背景圖片,而這里我們是需要設置背景圖片的,所以必須block,不然沒有效果.如果你覺得不妥,可以用<div>來顯示,當然最好的方式是建議大家到電商網站,用瀏覽器去看看他們是怎么實現這個小圖標的,用的什么標簽, 是Css雪碧圖,還是其他什么的.掌握最前沿的技術方法來實現,畢竟CSS Sprite不是最好最完美的方式
這里也可以不用<i>標簽放圖片,也可以用其他的標簽, 最好是便于代碼維護,其實這里可以設置<i> display: inline-block,這樣既可以顯示圖標,又不需要float,也不會獨占一行. 很方便,建議這樣設置, 因為float對后面的元素是有影響的,要清楚浮動,clear:both
首頁上一頁1234567下一頁尾頁
課程須知
您至少具備HTML/CSS基礎知識。
老師告訴你能學到什么？
1.學會CSS Sprite雪碧圖制作方法。2.學會CSS Sprite雪碧圖的使用方法。

微信掃碼，參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網的支持！

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消