-
css Sprite 雪碧圖生成工具 CSS gaga查看全部
-
display:inline屬性是在默認(rèn)情況下,寬度和高度設(shè)置無效,就像a標(biāo)簽 如果不是默認(rèn)情況,就算設(shè)置了display:inline,他們的寬高依然可以設(shè)置而且有效,只是變成同行顯示 div的默認(rèn)display屬性是block 而input的display屬性是inline-block 所以他們的寬高是可以設(shè)置的查看全部
-
你給div或者什么盒子。設(shè)置了固定的寬度或高度。 然后不想盒子里的內(nèi)容。有溢出。就可以 用overflow:hidden;查看全部
-
list-style:none; 可以去除列表的·查看全部
-
1.靜態(tài)圖片,不隨用戶信息的變化而變化 2.小圖片,圖片容量比較小 3.加載量比較大 一些大圖不建議拼成雪碧圖。 有效的減少http的請求數(shù)量,加速內(nèi)容顯示 每請求一次就會和服務(wù)器鏈接一次,建立鏈接是需要額外時(shí)間的 CSS Sprite的實(shí)現(xiàn)原理 background-position CSS Sprite的實(shí)現(xiàn)方式 Ps手動拼圖 Css Sprite自動生成工具:CssGaga;查看全部
-
下載網(wǎng)址 http://www.99css.com/archives/1524查看全部
-
自動生成雪碧圖查看全部
-
使用雪碧圖可以減少http請求次數(shù)查看全部
-
大圖不適合拼成css sprite查看全部
-
雪碧圖適用范圍查看全部
-
ul>li.cat-$*8>i+h3{服裝內(nèi)衣} 按ctrl+e查看全部
-
根據(jù)坐標(biāo)位置給每一個i標(biāo)簽設(shè)置一個background-position 例如: .cat-1{background-position:0 -24px;}查看全部
-
CSS display:inline和float:left兩者區(qū)別 ①display:inline:任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進(jìn)行顯示) ②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且float必需應(yīng)用在塊級元素之上,也就是說浮動并不應(yīng)用于內(nèi)聯(lián)標(biāo)簽?;蛘呖梢哉f如果應(yīng)用了float這個元素將被指定為塊級元素。 那么兩者的區(qū)別顯而易見:display:inline元素不能設(shè)置寬高,因?yàn)樗鼘儆谛胁季?,其特性是在一行里進(jìn)行布局,所以不能被設(shè)定寬高 給i標(biāo)簽設(shè)置雪碧圖背景圖片 li i{ background:url();/*雪碧圖片*/ display:inline;/*設(shè)置成行級元素*/(不同瀏覽器默認(rèn)值有些不一樣,所以網(wǎng)頁設(shè)計(jì)時(shí),最好都明確定義) width:30px; height:24px;/*因?yàn)閕標(biāo)簽本身沒有內(nèi)容,所以設(shè)置寬高作為顯示區(qū)*/ float:left; /*浮動元素會生成一個塊級框,從而可以設(shè)置寬高*/ margin:3px 10px 0 0;/*微調(diào)*/ }查看全部
-
1常用<i></i>來放小圖片 2為給小圖片設(shè)置background-position屬性,需要給<li>定義一個類名<li class="cat-數(shù)字"> 3去掉<ul>標(biāo)簽下<li>標(biāo)簽的小黑點(diǎn),在<style>標(biāo)簽下ul{list-style:none} 4不依賴于瀏覽器自身所設(shè)定的margin、padding,通過對<li>的行高已經(jīng)margin、padding的設(shè)置來展示樣式以便在各個瀏覽器下效果相同:先將display屬性設(shè)置為block,否則設(shè)置行高什么的沒用,overflow:hidden可防止元素溢出 (決定瀏覽器如何處理溢出的步驟: (1) 輸入 overflow: 。 (2) 輸入 visible ,讓元素盒子中的所有內(nèi)容可見,這是默認(rèn)項(xiàng); 或者輸入 hidden ,隱藏元素盒子容納不了的內(nèi)容; 或者輸入 scroll ,無論元素是否需要,都在元素上添加滾動條; 或者輸入 auto ,讓滾動條僅在訪問者訪問溢出內(nèi)容時(shí)出現(xiàn)。) 在設(shè)置height之前,要先把元素設(shè)置為 display:block ,這樣height才有效。 把line-height(行高)設(shè)置與height一樣的作用是: 垂直居中。 <style>ul{list-style:none}</style> 用于去掉<li></li>標(biāo)簽前面的小黑點(diǎn) overflow:hidden; 防止元素溢出查看全部
-
代碼結(jié)構(gòu)查看全部
舉報(bào)
0/150
提交
取消