-
css sprite優(yōu)點(diǎn)：有效的減小http請(qǐng)求數(shù)量，加速內(nèi)容顯示，因?yàn)槊空?qǐng)求一次，就會(huì)和服務(wù)器鏈接一次，建立鏈接是需要額外時(shí)間的查看全部
-
1、靜態(tài)圖片，不隨用戶信息的變化而變化 2、小圖片，圖片容量比較小 3、加載量比較大 一些大圖不建議拼成雪碧圖查看全部
-
js 多方便啊查看全部
-
background-position查看全部
-
www.99css.com/archives/1524 CSSGAGA 快速生成Sprite查看全部
-
用戶注冊(cè)表查看全部
-
icon雪碧圖置入查看全部
-
雪碧圖的實(shí)現(xiàn)方式查看全部
-
雪碧圖要點(diǎn)查看全部
-
我的代碼查看全部
-
li i { background:url(http://img1.sycdn.imooc.com//539a950e00015ba500710200.jpg); display: inline; float: left; margin: 3px 10px 0 0; height: 24px; width: 30px } /* 在這里補(bǔ)充雪碧圖的樣式 */ .cat-1 i{background-position:0 0;} .cat-2 i{background-position:0 -24;} .cat-3 i{background-position:0 -48;} .cat-4 i{background-position:0 -72;} .cat-5 i{background-position:0 -96;} .cat-6 i{background-position:0 -120;} .cat-7 i{background-position:0 -144;} .cat-8 i{background-position:0 -168;}查看全部
-
CSS display:inline和float:left兩者區(qū)別 ①display:inline:任何不是塊級(jí)元素的可見元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進(jìn)行顯示) ②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且float必需應(yīng)用在塊級(jí)元素之上，也就是說浮動(dòng)并不應(yīng)用于內(nèi)聯(lián)標(biāo)簽。或者可以說如果應(yīng)用了float這個(gè)元素將被指定為塊級(jí)元素。 那么兩者的區(qū)別顯而易見:display:inline元素不能設(shè)置寬高，因?yàn)樗鼘儆谛胁季郑涮匦允窃谝恍欣镞M(jìn)行布局，所以不能被設(shè)定寬高。 ... background-position:x軸 y軸，要使用定義i標(biāo)簽 background:url(雪碧圖片);查看全部
-
登錄界面的寫法及其管理查看全部
-
1常用<i></i>來放小圖片 2為給小圖片設(shè)置background-position屬性，需要給<li>定義一個(gè)類名<li class="cat-數(shù)字"> 3去掉<ul>標(biāo)簽下<li>標(biāo)簽的小黑點(diǎn)，在<style>標(biāo)簽下ul{list-style:none} 4不依賴于瀏覽器自身所設(shè)定的margin、padding，通過對(duì)<li>的行高已經(jīng)margin、padding的設(shè)置來展示樣式以便在各個(gè)瀏覽器下效果相同：先將display屬性設(shè)置為block，否則設(shè)置行高什么的沒用，overflow：hidden可防止元素溢出 （決定瀏覽器如何處理溢出的步驟： (1) 輸入 overflow: 。 (2) 輸入 visible ，讓元素盒子中的所有內(nèi)容可見，這是默認(rèn)項(xiàng)； 或者輸入 hidden ，隱藏元素盒子容納不了的內(nèi)容； 或者輸入 scroll ，無論元素是否需要，都在元素上添加滾動(dòng)條； 或者輸入 auto ，讓滾動(dòng)條僅在訪問者訪問溢出內(nèi)容時(shí)出現(xiàn)。）查看全部
-
CSS Sprite雪碧圖實(shí)現(xiàn)方式 1.PS手動(dòng)拼圖：制作多個(gè)小圖片，拼成一個(gè)大圖片，用鼠標(biāo)挪動(dòng)圖片的位置（position）。適用自己的小網(wǎng)站 2.使用spite工具自動(dòng)生成雪碧圖 CSS Sprite自動(dòng)生成工具-“cssGaga” 生成小圖片的坐標(biāo)，以及對(duì)應(yīng)的css程序,提供background-position的值 下載地址：http://www.99css.com/archives/1524查看全部
舉報(bào)
0/150
提交
取消