第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
慕課網(wǎng)里有另一門類似的課程《用字體在網(wǎng)頁中畫ICON圖標(biāo)》也是講CSS Sprite
其中的代碼是用js實(shí)現(xiàn)的。有興趣的朋友可以去學(xué)習(xí)學(xué)習(xí)~~
哈哈 在這都不愛打中文
還是不明白為什么雪碧圖要叫雪碧圖
填好的啊啊
*{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: ;
編輯器炸了還是我的輸入法炸了
有沒有習(xí)慣按 ctrl+s 的
優(yōu)點(diǎn)
1.減少加載網(wǎng)頁圖片時(shí)對(duì)服務(wù)器的請(qǐng)求次數(shù)
2.提高頁面的加載速度
缺點(diǎn)
1.CSS雪碧的最大問題是內(nèi)存使用
2.影響瀏覽器的縮放功能
3.拼圖維護(hù)比較麻煩
全屏看了效果圖，發(fā)現(xiàn)數(shù)值要改，收齊，直接按了Backspace...然后就沒有然后了，呵呵呵呵呵
前面都學(xué)得挺好的，到自己編寫的時(shí)候就跪了。。
不錯(cuò),每天get點(diǎn)新知識(shí)
這里為什么要給<i>,設(shè)置display:block呢, <i>是行內(nèi)標(biāo)簽,不會(huì)獨(dú)占一行,它沒有背景,不能設(shè)置背景圖片,而這里我們是需要設(shè)置背景圖片的,所以必須block,不然沒有效果.如果你覺得不妥,可以用<div>來顯示,當(dāng)然最好的方式是建議大家到電商網(wǎng)站,用瀏覽器去看看他們是怎么實(shí)現(xiàn)這個(gè)小圖標(biāo)的,用的什么標(biāo)簽, 是Css雪碧圖,還是其他什么的.掌握最前沿的技術(shù)方法來實(shí)現(xiàn),畢竟CSS Sprite不是最好最完美的方式
這里也可以不用<i>標(biāo)簽放圖片,也可以用其他的標(biāo)簽, 最好是便于代碼維護(hù),其實(shí)這里可以設(shè)置<i> display: inline-block,這樣既可以顯示圖標(biāo),又不需要float,也不會(huì)獨(dú)占一行. 很方便,建議這樣設(shè)置, 因?yàn)閒loat對(duì)后面的元素是有影響的,要清楚浮動(dòng),clear:both
首頁上一頁1234567下一頁尾頁
課程須知
您至少具備HTML/CSS基礎(chǔ)知識(shí)。
老師告訴你能學(xué)到什么？
1.學(xué)會(huì)CSS Sprite雪碧圖制作方法。2.學(xué)會(huì)CSS Sprite雪碧圖的使用方法。

微信掃碼，參與3人拼團(tuán)

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復(fù)購買，感謝您對(duì)慕課網(wǎng)的支持！

本次提問將花費(fèi)2個(gè)積分

你的積分不足，無法發(fā)表

為什么扣積分？

本次提問將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分？

舉報(bào)

0/150
提交
取消