天天狠狠色在线影院,亚洲成伊人成综合无码

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

CSS Sprite雪碧圖應用

                
                遠人
            Web前端工程師

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

全部評論問答未解決精華

sunshine_haha

CSS display:inline和float:left兩者區別

①display:inline:任何不是塊級元素的可見元素都是內聯元素。其表現的特性是“行布局”形式!(行布局:其表現形式始終以行進行顯示) ②float:left:指定元素脫離普通的文檔流而產生的特別的布局特性。并且float必需應用在塊級元素之上，也就是說浮動并不應用于內聯標簽?；蛘呖梢哉f如果應用了float這個元素將被指定為塊級元素。那么兩者的區別顯而易見:display:inline元素不能設置寬高，因為它屬于行布局，其特性是在一行里進行布局，所以不能被設定寬高

0 3-3 CSS Sprite 應用

2016-07-31

qq_慵懶的樹袋熊_03195862

li i{background:url(http://img1.sycdn.imooc.com//539a972b00013e9102280177.jpg);display:inline;float:left;width:188px;height:38px;}
ul{list-style:none;}
.denglu i{background-position:0 0;}
.zhuce i{background-position:0 -36px;}
</style>
</head>

0 4-1 編程挑戰

2016-07-31

qq_慵懶的樹袋熊_03195862

*{margin:0;padding:0;}
input{height:30px;padding-left:10px;}
.one{margin-top:20px;}
.two{font-size:12px;padding-left:5px;position:absolute;bottom:10px;}
.loginbox{position:relative;}
li{font-size:20px;font-weight:normal;height:30px;width:170px;text-align:center;margin-top:30px;}

0 4-1 編程挑戰

2016-07-31