-
1.<hr>設(shè)置水平分隔線 2.placeHolder作為input的預(yù)先的文本填充 3.text-indent:-9999px;是把該元素內(nèi)的文字移到屏幕外面去，有時(shí)文字已經(jīng)用背景圖片代替了，我們不需要眼睛看見(jiàn)那些文字，但是希望搜索引擎可以搜到，就可以用這個(gè)把文字“隱藏”的屬性。查看全部
-
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{ margin: 0; padding: 0; }查看全部
-
CSS display:inline和float:left兩者區(qū)別 ①display:inline:任何不是塊級(jí)元素的可見(jiàn)元素都是內(nèi)聯(lián)元素。其表現(xiàn)的特性是“行布局”形式!(行布局:其表現(xiàn)形式始終以行進(jìn)行顯示) ②float:left:指定元素脫離普通的文檔流而產(chǎn)生的特別的布局特性。并且***float必需應(yīng)用在塊級(jí)元素****之上，也就是說(shuō)浮動(dòng)并不應(yīng)用于內(nèi)聯(lián)標(biāo)簽?；蛘呖梢哉f(shuō)*****如果應(yīng)用了float這個(gè)元素將被指定為塊級(jí)元素*****。 **那么兩者的區(qū)別顯而易見(jiàn):display:inline元素不能設(shè)置寬高，因?yàn)樗鼘儆谛胁季郑涮匦允窃谝恍欣镞M(jìn)行布局，所以不能被設(shè)定寬高。** 簡(jiǎn)單的說(shuō)就是float可以設(shè)置寬高，然而display:inline;雖然也會(huì)浮動(dòng)，但是他不能設(shè)置寬高。查看全部
-
1常用<i></i>來(lá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，通過(guò)對(duì)<li>的行高已經(jīng)margin、padding的設(shè)置來(lái)展示樣式以便在各個(gè)瀏覽器下效果相同：先將display屬性設(shè)置為block，否則設(shè)置行高什么的沒(méi)用，overflow：hidden可防止元素溢出 （決定瀏覽器如何處理溢出的步驟： (1) 輸入 overflow: 。 (2) 輸入 visible ，讓元素盒子中的所有內(nèi)容可見(jiàn)，這是默認(rèn)項(xiàng)； 或者輸入 hidden ，隱藏元素盒子容納不了的內(nèi)容； 或者輸入 scroll ，無(wú)論元素是否需要，都在元素上添加滾動(dòng)條； 或者輸入 auto ，讓滾動(dòng)條僅在訪問(wèn)者訪問(wèn)溢出內(nèi)容時(shí)出現(xiàn)。）查看全部
-
原理：通過(guò)css的背景定位屬性：background-position來(lái)控制 坐標(biāo)軸,拼合背景圖的小圖(x,y)為負(fù)值 以雪碧圖左上角的定點(diǎn)為(0,0)坐標(biāo) 當(dāng)需要對(duì)坐標(biāo)系中的某個(gè)小圖標(biāo)進(jìn)行展示的時(shí)候，只需要取左上角的坐標(biāo)進(jìn)行偏移，例如(-100,0)，只需要將background-position:-100,0; 實(shí)現(xiàn)原理：控制一個(gè)層，可顯示的區(qū)域范圍大小，通過(guò)一個(gè)窗口，進(jìn)行背景圖的滑動(dòng)。查看全部
-
ul {list-style:none;margin:0px;padding:0px;}可以讓整體居中 設(shè)置 h3 內(nèi)容居中 text-align:center;查看全部
-
cssscrpite雪碧圖 靜態(tài)圖片，不隨用戶信息變化而變化。 小圖片，容量比較小 加載量比較大。（目的是：有效的減少http請(qǐng)求的數(shù)量） 大圖不建議拼成雪碧圖，加載時(shí)間長(zhǎng)查看全部
-
雪碧圖使用條件查看全部
-
<code>just by myself</code>查看全部
-
如何制作雪碧圖： 1、PS手動(dòng)生成 2、使用Sprite工具生成，比如CssGaga查看全部
-
雪碧圖實(shí)現(xiàn)原理： 使用CSS屬性 background-position查看全部
-
有幾個(gè)非常不錯(cuò)的前端開(kāi)發(fā)在線工具，分享給一起學(xué)習(xí)的小伙伴們，別忘了收藏，很實(shí)用。<br> <br> （1）在線代碼測(cè)試工具：http://www.lvyestudy.com/tools/run_code.aspx；<br> <br> （2）在線調(diào)色板：http://www.lvyestudy.com/tools/color_picker.aspx；<br> <br> （3）CSS3圓角生成器：http://www.lvyestudy.com/tools/border_radius.aspx （4）雪碧圖下載：http://www.99css.com/1524/查看全部
-
使用雪碧圖的目的： 有效減少http請(qǐng)求的數(shù)量，加速內(nèi)容顯示查看全部
-
使用雪碧圖(CSS Sprite)的場(chǎng)景條件： 1、是靜態(tài)圖片：圖片不隨用戶信息的變化而變化 2、小圖片：圖片容量比較小，2-3kb每張 3、圖片的加載數(shù)量比較大 大圖不建議拼成雪碧圖。查看全部
-
雪碧圖查看全部
舉報(bào)
0/150
提交
取消