-
需要給每個i標簽引入背景圖片，然后進行圖片定位查看全部
-
使用css sprite 自動生成工具查看全部
-
sprite下載網(wǎng)址：www.99css.com/archives/1524查看全部
-
CSS display:inline和float:left兩者區(qū)別 ①display:inline:任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進行顯示) ②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且float必需應(yīng)用在塊級元素之上，也就是說浮動并不應(yīng)用于內(nèi)聯(lián)標簽?；蛘呖梢哉f如果應(yīng)用了float這個元素將被指定為塊級元素。 那么兩者的區(qū)別顯而易見:display:inline元素不能設(shè)置寬高，因為它屬于行布局，其特性是在一行里進行布局，所以不能被設(shè)定寬高。 簡單的說就是float可以設(shè)置寬高，然而display:inline;雖然也會浮動，但是他不能設(shè)置寬高。查看全部
-
【雪碧圖的實現(xiàn)方式】 1、PS手動拼圖，缺點就是必須得自己再計算各個小圖的坐標 2、使用sprite工具自動生成，快速的建立雪碧圖的效果，優(yōu)化設(shè)計 CSS sprite自動生成工具——CssGaga，windows環(huán)境下快速生成雪碧圖的工具 下載網(wǎng)址：http://www.99css.com/archives/1524查看全部
-
坐標系查看全部
-
【雪碧圖的實現(xiàn)原理】 css -- background position控制； x,y為負值，左上角頂點作為0.0坐標； 控制一個層可顯示的區(qū)域范圍大小，通過一個窗口，進行背景圖的滑動；查看全部
-
【使用CSS雪碧圖的原則】 1.靜態(tài)圖片，不隨用戶信息的變化而變化 2.小圖片，圖片容量比較小。＜3~5K 3.加載量比較大查看全部
-
<i></i>經(jīng)常被寫的人用來放置小圖標 <h3>在淘寶首頁有H1/H2大標題的，H2是菜單欄大標題，H3就是菜單欄下面標簽 【去掉ul】 <style> ul{list-style:none} </style> 【給菜單欄加分割線】 1.<style> h3{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 soild #dedede } .cat{width:150px; background:#f8f8f8; border:1px soild #bbb; } </style>查看全部
-
【雪碧圖的實現(xiàn)方式】 1、PS手動拼圖，缺點就是必須得自己再計算各個小圖的坐標 2、使用sprite工具自動生成，快速的建立雪碧圖的效果，優(yōu)化設(shè)計 CSS sprite自動生成工具——CssGaga，windows環(huán)境下快速生成雪碧圖的工具 下載網(wǎng)址：http://www.99css.com/archives/1524查看全部
-
【雪碧圖的實現(xiàn)原理】 css -- background position控制； x,y為負值，左上角頂點作為0.0坐標； 控制一個層可顯示的區(qū)域范圍大小，通過一個窗口，進行背景圖的滑動；查看全部
-
【使用雪碧圖的原則】 1.靜態(tài)圖片，不隨用戶信息的變化而變化 2.小圖片，圖片容量比較小。＜3~5K 3.加載量比較大 一些大圖不建議拼成雪碧圖，可能會非常大，加載會很慢。 將網(wǎng)站的靜態(tài)圖片集成到一張背景圖片上，然后通過坐標來獲取圖片內(nèi)容，以此來減少向服務(wù)器端的http請求次數(shù)，從而提高網(wǎng)頁的響應(yīng)速度。 *在網(wǎng)頁上，每請求一次，就會和服務(wù)器鏈接一次，建立鏈接是要額外時間的查看全部
-
網(wǎng)頁上哪些元素會用雪碧圖？ 通常來說首頁的banner不會使用雪碧圖， 有純色背景的按鈕也不會做雪碧圖，直接用CSS樣式 一些icon也是字體， 動態(tài)的圖片一般不會用雪碧圖，一般用img標簽查看全部
-
使用雪碧圖的原因查看全部
-
雪碧圖的應(yīng)用場景查看全部
舉報
0/150
提交
取消