-
給i標(biāo)簽設(shè)置雪碧圖背景圖片 li i{ background:url();/*雪碧圖片*/ display：inline;/*設(shè)置成行級(jí)元素*/（不同瀏覽器默認(rèn)值有些不一樣，所以網(wǎng)頁設(shè)計(jì)時(shí)，最好都明確定義） width:30px; height:24px;/*因?yàn)閕標(biāo)簽本身沒有內(nèi)容，所以設(shè)置寬高作為顯示區(qū)*/ float:left; /*浮動(dòng)元素會(huì)生成一個(gè)塊級(jí)框，從而可以設(shè)置寬高*/ margin:3px 10px 0 0;/*微調(diào)*/ }查看全部
-
有幾個(gè)非常不錯(cuò)的前端開發(fā)在線工具，分享給一起學(xué)習(xí)的小伙伴們，別忘了收藏，很實(shí)用。 （1）在線代碼測(cè)試工具：http://www.lvyestudy.com/tools/run_code.aspx； （2）在線調(diào)色板：http://www.lvyestudy.com/tools/color_picker.aspx； （3）CSS3圓角生成器：http://www.lvyestudy.com/tools/border_radius.aspx查看全部
-
1.常用<i></i>來放小圖片 2.為給小圖片設(shè)置background-position屬性，需要給<li>定義一個(gè)類名<li class="cat-數(shù)字"> 3.ul{list-style:none}//去掉<ul>標(biāo)簽下<li>標(biāo)簽的小黑點(diǎn) li {display:block;//使得行高設(shè)置有效 height:31px;//高度 line-height:31px;//配合height,使得文字垂直居中 overflow:hidden;//防止內(nèi)容溢出 4.不依賴于瀏覽器自身所設(shè)定的margin、padding，通過對(duì)<li>的行高已經(jīng)margin、padding的設(shè)置來展示樣式，以便在各個(gè)瀏覽器下效果相同：先將display屬性設(shè)置為block，否則設(shè)置行高什么的沒用，overflow：hidden可防止元素溢出查看全部
-
font-weight：400 //文字粗細(xì)查看全部
-
list-style:none; 除去無序標(biāo)簽前面圓點(diǎ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查看全部
-
原理：通過css的背景定位屬性：background-position來控制 坐標(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ū)域范圍大小，通過一個(gè)窗口，進(jìn)行背景圖的滑動(dòng)。查看全部
-
要是給出按鈕和外框大小的數(shù)據(jù)就好了，自己測(cè)量的不太準(zhǔn)確，算了就這樣查看全部
-
文本輸入框里的提示文字怎么往后定位?查看全部
-
1，用hight和line-height來控制居中； 2，用display:block/inline來使其擁有塊級(jí)元素或者行級(jí)元素的特性； 3，初始化*{margin:0px;padding:0px;}ul{list-style:none;}查看全部
-
CssGaga配置網(wǎng)址查看全部
-
CssGaga查看全部
-
CSS Sprite拼圖方式查看全部
-
CSS Sprite雪碧圖優(yōu)點(diǎn)查看全部
-
CSS Sprite雪碧圖使用場(chǎng)景查看全部
舉報(bào)
0/150
提交
取消