-
?// 添加頁(yè)面加載完成時(shí)的事件,然后執(zhí)行以下代碼。
??????? window.onload=function(){}
?// 獲取多個(gè)圖片對(duì)象??
??var imgs = document.getElementsByTagName("img");//事件可以這樣直接調(diào)用onclick觸發(fā)
??listBtn.onclick = function(){//可用for循環(huán)輸出圖片
for(var i=0;i<imgs.length;i++)
???{
????imgs[i].src = "http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg";
????imgs[i].parentNode.className = "a-img";
???}查看全部 -
使用table不利于后期的維護(hù)查看全部
-
table布局的劣勢(shì)查看全部
-
p a,p span{ display:block; line-height:23px; padding-left:10px; } line-height設(shè)置為auto或者直接刪除,保證文字與小圖片高度對(duì)齊查看全部
-
去掉ul的黑點(diǎn) *{margin:0px;padding:0px} ul{list-style:none;} overflow:hidden重要的兩個(gè)作用:把多余的部分裁減掉/清除浮動(dòng) 1.圖片的大小超過(guò)了a標(biāo)簽的范圍: (通過(guò)a標(biāo)簽來(lái)限定img的大小,overflow隱藏部分) <a>標(biāo)簽為內(nèi)聯(lián)元素,所以給其設(shè)定寬高是達(dá)不到效果的,必須將其設(shè)置為塊級(jí)元素。同時(shí)給其設(shè)定寬高后,其內(nèi)部的大圖片也會(huì)溢出,可以用overflow屬性隱藏溢出部分。查看全部
-
css中,在一個(gè)位置上顯示背景圖片中的不同位置 {background: #fff url(...) no-repeat -38px 0px}; a標(biāo)簽直接給它寬和高是沒(méi)有辦法顯示出來(lái)的,因此,可以給它一個(gè)display:block;使它形成塊元素,。。。給它一個(gè)邊框,且邊框設(shè)置為紅色。查看全部
-
div+ul,通過(guò)float浮動(dòng)來(lái)制作標(biāo)簽查看全部
-
css中,在一個(gè)位置上顯示背景圖片中的不同位置 {background: #fff url(...) no-repeat -38px 0px};查看全部
-
再定義按鈕的class值 是為了分別給兩個(gè)按鈕加背景 所以不用.top a查看全部
-
p a,p span{ display:block; line-height:23px; padding-left:10px; } line-height設(shè)置為auto或者直接刪除,保證文字與小圖片高度對(duì)齊查看全部
-
把代碼里面的“//設(shè)置li樣式”去掉就不會(huì)出現(xiàn)問(wèn)題了查看全部
-
.small{width:50px;height:50px;display:block;float:left;margin:5px;}查看全部
-
在章節(jié)2-4里有按鈕所需的圖片 css sprite技術(shù) 基本的原理,就是利用background-postion的負(fù)值來(lái)進(jìn)行調(diào)節(jié)。 當(dāng)我們定位于background-position:-50px -50px;時(shí)發(fā)現(xiàn)圖片向左上,移動(dòng)了,也就以DIV的左上角為中心,圖向左移動(dòng)了50px,向上也移動(dòng)了50px查看全部
-
一張圖按照不同的定位顯示不同的區(qū)域:背景定位 {background:(參數(shù)1背景顏色,參數(shù)2背景圖片,參數(shù)3是否重復(fù)顯示(no-repeat),參數(shù)4左位移定位, 參數(shù)5頂位移定位}; 如:{background:#fff url(../xx.jpg) no-repeat -50px -25px}查看全部
-
居中:margin:0 auto;按鈕形式:<a href="#" title="列表模式"></a>查看全部
-
去掉ul的黑點(diǎn) *{margin:0px;padding:0px} ul{list-style:none;}查看全部
-
先寫HTML 后css查看全部
-
信息卡篇布局查看全部
舉報(bào)
0/150
提交
取消