伊人欧美一区二区三区,亚洲久草若菜未央

首頁免費課 CSS Sprite雪碧圖應用問答

CSS Sprite雪碧圖應用

                
                遠人
            Web前端工程師

                    查看講師更多課程 
                    遠人講師的其他課程
                
電商網站前端架構
中級·101307
免費課程
                                
固定邊欄滾動特效
初級·38884
免費課程
                                
認識響應式布局
中級·132094
免費課程
                                
Fiddler工具使用
中級·63777
免費課程
                                
                難度初級
            
                時長 1小時 0分
            
                學習人數
            
綜合評分9.73
                            188人評價
                        查看評價
                                9.8
                                內容實用
                            
                                9.8
                                簡潔易懂
                            
                                9.6
                                邏輯清晰

全部評論問答未解決精華

這代碼有問題嗎？為什么雪碧圖沒有完整的出來？

已采納回答 / qq_安伊偌拉_0

backgroung-position寫錯了，應該是background-position

1 回答 1421 瀏覽 3-4 編程練習

2015-12-03

建議：技巧是好的，能結合 margin屬性值為負數的情況一起講解比較好，以第四象限為基準盡快能達到效果，卻是不容易理解。還有那個width:30px后面的分號。imooc發展太快，細小的錯誤好多，希望繼續改進吖。

已采納回答 / i愛慕客

建議直接發表在評論區就可以了。

2 回答 1112 瀏覽 3-4 編程練習

2015-12-02

為什么這里的內聯元素還可以設置寬度長度?不是說內聯元素不可以設置元素的高度,寬度嗎?

最新回答 / 慕田峪8063247

因為代碼中有一個float : left ，，元素的display顯示類型就會自動變為以?display:inline-block（塊狀元素）的方式顯示，當然就可以設置元素的?width?和?height?了，且默認寬度不占滿父元素。

3 回答 1304 瀏覽 3-3 CSS Sprite 應用

2015-11-26

雪碧圖不顯示

已采納回答 / 李曉健

<...code...>上面一個不對，因為有float 所以?display: inline; 就沒什么用了。

3 回答 1932 瀏覽 3-4 編程練習

2015-11-26

不設置h3屬性，border-bottome無法顯示是為什么？如圖加上li{}為什么又可以顯示？

+ 我來回答回答最高可+2積分

2 回答 1437 瀏覽 3-2 編程練習

2015-11-17

為什么要設置這兩屬性

已采納回答 / wlf1112

CSS中的position屬性值為relative時，z-index取值方可生效，此屬性參數值越大，則被層疊在最上面。

2 回答 1015 瀏覽 3-4 編程練習

2015-11-16

設置位置不能用循環嗎?

最新回答 / echo_kinchao

都是可以的 ?只不過這樣的性能浪費太大了

2 回答 890 瀏覽 3-3 CSS Sprite 應用

2015-11-16

為什么不講怎么合成雪碧圖啊

最新回答 / Gowe

說了的，在前面的課程提到過。用 Photoshop 基本操作即可實現。還提供一個一個合成工具，翻到前面看吧。

1 回答 918 瀏覽 1-1 CSS Sprite雪碧圖使用場景

2015-11-09

i標簽為什么要設置display:inline和 float:left屬性

最新回答 / Mr_bigshot

設置了float:left才能設置寬高

2 回答 2357 瀏覽 3-4 編程練習

2015-11-04

登陸注冊頁面哪個單選框是 checkbox 嗎怎么移動它的位置

最新回答 / 大寫的水

運行了你的代碼，你的問題應該是checkbox不垂直居中的問題，使用vertical-align: middle;即可

2 回答 1938 瀏覽 4-1 編程挑戰

2015-11-04

下面是我寫好了的程序我想請問各位大神我的代碼還有哪些應該注意的問題？？？

最贊回答 / 慕數據0204790

首先，不應該使用<table>標簽，因為<table>標簽現在已經過時了（就好像現在你稱呼別人為‘同志’的情況是一樣的），然后div應該不設置高度，讓里面的元素自動撐開就行了，其次代碼還可以簡化，比如你的登錄和注冊按鈕都引用同一張背景圖片，可以簡寫在一行代碼中。最后，‘忘記密碼？’不應該加空格把它稱到右邊，應該使它浮動到右邊（float：right）

3 回答 1144 瀏覽 4-1 編程挑戰

2015-11-04

是不是不能對雪碧圖使用background-size屬性

最贊回答 / 言言言小魚

現在來看，是可以對雪碧圖使用backgroud-size屬性的。<...圖片...>background-size跟容器寬高成正比。

2 回答 4117 瀏覽 1-2 CSS Sprite雪碧圖實現原理

2015-11-04

關于position的問題

已采納回答 / pardon110

css背景圖中的坐標是以左上角頂點為原點，向右的x方向為正方向，向下的y方向為正方向，并非是以數學上的象限規則。

1 回答 1096 瀏覽 3-3 CSS Sprite 應用

2015-11-03

是我的代碼有問題么？為什么做出來的效果跟老師演示的不一樣呀？

已采納回答 / 北冥游魚

h3,ul,li{margin: 0;padding: 0;} ul{list-style: none;} li h3{font-size: 14px;font-weight: 400} li{display: block;height: 31px;line-height: 31px;overflow:hidden;border-bottom: 1px solid #dedede} li i{background: url(img/sidebar.png);display: inline;widt...

1 回答 879 瀏覽 3-3 CSS Sprite 應用

2015-11-02

關于象限的正負問題

最贊回答 / pardon110

背景圖片設置，canvas畫布。其原點是左上角頂點，向右的x方向為正,向下的y方向亦為正。與數學象限里的意義有本質的不同，不要搞混了。

2 回答 3911 瀏覽 3-4 編程練習

2015-11-01

首頁上一頁 2 3 4 5 6 7 8 下一頁尾頁

開始學習

課程須知: 您至少具備HTML/CSS基礎知識。

老師告訴你能學到什么？: 1.學會CSS Sprite雪碧圖制作方法。2.學會CSS Sprite雪碧圖的使用方法。

微信掃碼，參與3人拼團

熱搜

最近搜索清空

CSS Sprite雪碧圖應用