-
使用 css 對(duì)圖片進(jìn)行定位，根據(jù)top、left 調(diào)整顯示的范圍查看全部
-
使用table的弊端查看全部
-
信息排列效果 多行多列查看全部
-
添加頁(yè)面加載完成時(shí)的事件,然后執(zhí)行以下代碼 window.onload = function(){}查看全部
-
實(shí)現(xiàn)點(diǎn)擊圖片按鈕完成卡片模式與列表模式的切換： 1、設(shè)計(jì)好各個(gè)效果的樣式； 2、加載函數(shù)； 3、獲取操作按鈕； 4、針對(duì)按鈕操作設(shè)計(jì)函數(shù)事件； 5、兩種樣式疊加在一起時(shí)，最后編輯的樣式將被采用。所謂就近原則是指網(wǎng)頁(yè)代碼的執(zhí)行是自上而下地順序進(jìn)行的，設(shè)計(jì)在最后的樣式將覆蓋前面的樣式。查看全部
-
1、列表模式和卡片模式的區(qū)別： ① 兩個(gè)按鈕的class值的區(qū)別 ② 每個(gè)li里圖片路徑的區(qū)別 ③ 以及圖片的父節(jié)點(diǎn)a標(biāo)簽里的class值的區(qū)別 2、實(shí)現(xiàn)列表模式和卡片模式切換的原理： 通過(guò)右上角圖片按鈕的點(diǎn)擊事件改變上面三個(gè)區(qū)別的值，就能實(shí)現(xiàn)類(lèi)似于兩個(gè)頁(yè)面的切換效果了 3、JS步驟: 當(dāng)單擊圖片按鈕時(shí)， ① 改變按鈕的class的值 ② 改變每一個(gè)圖片的路徑以及它的對(duì)應(yīng)的父節(jié)點(diǎn)的class的值 4、一些重要的寫(xiě)法： ① oBtn.className=""; ② aImg[i].src="./images/small.jpg"; ③ aImg[i].parentNode.className="a-img small";//這里邊有兩個(gè)class：a-img和small查看全部
-
1、這里給的注釋方法//是錯(cuò)誤了，所以導(dǎo)致頁(yè)面顯示不正確， 比如li設(shè)了overflow:hidden;圖片溢出部分也沒(méi)被裁切 2、解決方法：將注釋方法//換成/**/就可以了 ◆小結(jié)：在CSS中注釋要用多行注釋/**/，而用單行注釋//是錯(cuò)誤的查看全部
-
這里將列表模式和卡片模式分別放在各自的html頁(yè)面中（包括布局和CSS樣式）查看全部
-
1、overflow:hidden;有兩個(gè)重要的作用：①把多余的部分裁減掉 ②清除浮動(dòng) 2、圖片的大小超過(guò)了a標(biāo)簽的范圍： <a>標(biāo)簽為內(nèi)聯(lián)元素，所以給其設(shè)定寬高是達(dá)不到效果的，必須將其設(shè)置為塊級(jí)元素。同時(shí)給其設(shè)定寬高后，其內(nèi)部的大圖片也會(huì)溢出，可以用overflow屬性隱藏溢出部分。 3、li設(shè)置浮動(dòng)后，不會(huì)把父級(jí)標(biāo)簽ul撐起來(lái)，需要清除浮動(dòng)--overflow:hidden;（給ul加overflow:hidden;） 4、父元素受到子元素float影響的話，只能用overflow:hidden;清除影響。用clear:both沒(méi)用。查看全部
-
■右上角按鈕圖片的定位： 背景圖片設(shè)置的代碼順序：background:顏色 路徑 是否平鋪 left top (透明度,如果有的話); 注：①left top的定位是以圖片左上角為原點(diǎn) ②可以用PS測(cè)距離大小：看信息面板里的W和H值 ③如果上面直接寫(xiě)left top 就相當(dāng)于background-position:0 0;查看全部
-
多行多列布局 1、實(shí)現(xiàn)方式：html（div、ul、li ）+css(float，overflow，background)。 2、不用table布局，原因是： ①不利于后期維護(hù) ②不利于SEO（搜索引擎優(yōu)化，因?yàn)榘俣鹊闹┲敕浅２幌矚gtable）。查看全部
-
overflow:hidden重要的兩個(gè)作用：把多余的部分裁減掉／清除浮動(dòng) 圖片的大小超過(guò)了a標(biāo)簽的范圍： <a>標(biāo)簽為內(nèi)聯(lián)元素，所以給其設(shè)定寬高是達(dá)不到效果的，必須將其設(shè)置為塊級(jí)元素。同時(shí)給其設(shè)定寬高后，其內(nèi)部的大圖片也會(huì)溢出，可以用overflow屬性隱藏溢出部分。查看全部
-
我去！css中的//去掉就對(duì)了?。。。。。?！查看全部
-
Css這塊是個(gè)坑啊 哭查看全部
-
測(cè)試通過(guò)查看全部
舉報(bào)
0/150
提交
取消