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