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