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

為了賬號安全，請及時綁定郵箱和手機立即綁定
生成sprite圖的工具：cssgaga
控制一個層可顯示的區域范圍大小，通過一個窗口進行背景圖的滑動（通過背景圖的x軸y軸定位）
li標簽本來就是塊級元素
移動端還是使用雪碧圖 比較省流量；
使用字體icon圖標的時候，單單引入字體的文件和字體引用定義的css文件就差不多150kb以上了（室外訪問情況--3G甚至是2G這類人還是很多，會發現很慢，體驗很差），而雪碧圖最多也就10kb左右，不信你試試
*{ margin:0;padding: 0;}
ul{list-style: none;}
.cat li{display: block;overflow: hidden;text-align: center;border-bottom: 1px solid #E4E4E4;}
.cat h3{font-size: 14px;font-weight: 400;line-height: 33px;height: 33px;}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #D2D2D2;padding: 0 5px;}
這么簡單的東西居然能說1個小時？
The HTML <i> Element represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type.
還是自己寫比較簡單~~刷經驗的。
為什么圖片下載不了呢
li i{background: url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg);display: inline;width: 30px;height: 20px;float:left;margin:5px 12px 0 5px}
.cat-1 i{background-position:0 0}
.cat-2 i{background-position:0 -24px}
.cat-3 i{background-position:0 -48px}
<head>
<meta charset="UTF-8">
h3{margin:0;padding:0}
ul{list-style: none}
li h3{font-size: 14px;font-weight: 400}
li{display: block;height: 31px;line-height: 30px;overflow: hidden;border-bottom:1px solid #ded}
.cat{width: 150px;background:#f8f8f8;border: 1px solid #bbb}
</style>
</head>
建議大家使用 網站來生成 這個工具太惡心了
一直想學習的姿勢 今天學習了
發現一個大問題：這代碼里面只有一個ul li列表，所以li i{} 可以直接這樣寫。但是多個ul li列表時。在寫樣式li i 換成.cat li i{}就不行了
董玉偉
為什么 要浮動呢？

h3是塊元素，i是行內元素，我也在想，為什么要加display:inline
首頁上一頁13141516171819下一頁尾頁
課程須知
您至少具備HTML/CSS基礎知識。
老師告訴你能學到什么？
1.學會CSS Sprite雪碧圖制作方法。2.學會CSS Sprite雪碧圖的使用方法。

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

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

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消