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

為了賬號安全，請及時綁定郵箱和手機立即綁定
雪碧圖中第一、二幅長寬：
width:180px;
height:42px;
背景位置大約是：
background-position:0 -35px;
*{
margin:0;
padding:0;
}

ul{list-style: none}

li{
width:100px;
display: block;
height:30px;
line-height: 30px;
overflow: hidden;
border-bottom:1px solid #dedede;
margin:0 auto;
}
li h3{
font-size: 14px;
font-weight: 400
}

.cat{
width: 150px;
text-align:center;
background:#f8f8f8;
border: 1px solid #bbb;
}
開始不理解為神馬視頻不能快進，，，，，原來就是防止樓下刷經驗的。。。。。
為啥叫 “雪碧”圖 呢？
之前這個一直沒搞懂，好多地方要定義好多background-position想著就頭大
這個是課程計劃中基礎完成的內容。。按計劃來就不會聽不懂了。
被30px后面那個分號坑了
若把style樣式單獨一個文件，圖片運行的結果就會不穩定，有時正常，有時都是小紅裙，哪位高手知道解決的方法，再次謝過
之前一直在用 。。今天知道這個還有叫法啊。。原來叫雪碧圖。
.cat-1 i{background-position:0 0;}
.cat-2 i{background-position:0 -24px;}


.cat-6 i{background-position:0 -120px;}
li i{
background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg);
display:inline;
width:30px;
height:24px;
float:left;
}

大家參考下
大家都忘記了文本居中
這個老師講的太快 不適合初學者
使用雪碧圖可以大大較少HTTP請求次數。一次下載完畢就可以了。性能上非常好！
首頁上一頁10111213141516下一頁尾頁
課程須知
您至少具備HTML/CSS基礎知識。
老師告訴你能學到什么？
1.學會CSS Sprite雪碧圖制作方法。2.學會CSS Sprite雪碧圖的使用方法。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消