-
一、制作靜態網頁的樣式 1. 按鈕(卡片模式和列表模式)的樣式 2. 卡片模式和列表模式中的圖片和文字的樣式 二、使用JS實現，點擊不同的按鈕(卡片模式和列表模式)顯示不同的模式。查看全部
-
代碼修改查看全部
-
實現點擊圖片按鈕完成卡片模式與列表模式的切換 1.設計好兩種顯示模式的樣式 2.添加頁面加載函數 3.獲取操作按鈕，添加點擊響應事件 4.兩種樣式疊加在一起時，最后編輯的樣式將被采用。所謂就近原則是指網頁代碼的執行是自上而下地順序進行的，設計在最后的樣式將覆蓋前面的樣式。查看全部
-
overflow:hidden重要的兩個作用：把多余的部分裁減掉／清除浮動 1.圖片的大小超過了a標簽的范圍： （通過a標簽來限定img的大小，overflow隱藏部分） <a>標簽為內聯元素，所以給其設定寬高是達不到效果的，必須將其設置為塊級元素。同時給其設定寬高后，其內部的大圖片也會溢出，可以用overflow屬性隱藏溢出部分。 2.li設置浮動后，不會把父級標簽ul撐起來，需要清除浮動--overflow:hidden;（給ul加overflow:hidden;）查看全部
-
overflow:hidden重要的兩個作用：把多余的部分裁減掉／清除浮動 1.圖片的大小超過了a標簽的范圍： （通過a標簽來限定img的大小，overflow隱藏部分） <a>標簽為內聯元素，所以給其設定寬高是達不到效果的，必須將其設置為塊級元素。同時給其設定寬高后，其內部的大圖片也會溢出，可以用overflow屬性隱藏溢出部分。查看全部
-
切換效果，即改變顯示的樣式 class值還可以新加一個列如加一個small<a href="#" class="a-img small">如是.small引用了small的所有內容都會發生樣式變化 如是.a-img .small說明在引用a-img的標簽下引用small的內容發生樣式變化。查看全部
-
overflow:hidden重要的兩個作用：把多余的部分裁減掉／清除浮動 1.圖片的大小超過了a標簽的范圍： （通過a標簽來限定img的大小，overflow隱藏部分） <a>標簽為內聯元素，所以給其設定寬高是達不到效果的，必須將其設置為塊級元素。同時給其設定寬高后，其內部的大圖片也會溢出，可以用overflow屬性隱藏溢出部分。 2.li設置浮動后，不會把父級標簽ul撐起來，需要清除浮動--overflow:hidden;（給ul加overflow:hidden;）查看全部
-
css sprite技術 基本的原理，就是利用background-postion的負值來進行調節。 當我們定位于background-position:-50px -50px;時發現圖片向左上，移動了，也就以DIV的左上角為中心，圖向左移動了50PX，向右也移動了50PX．查看全部
-
1、列表模式和卡片模式的區別： ① 兩個按鈕的className的區別 ② 每個li里圖片img路徑的區別 ③ 以及圖片的父節點a標簽里的class值的區別a.parentNode查看全部
-
overflow:hidden重要的兩個作用：把多余的部分裁減掉／清除浮動 1.圖片的大小超過了a標簽的范圍： （通過a標簽來限定img的大小，overflow隱藏部分） <a>標簽為內聯元素，所以給其設定寬高是達不到效果的，必須將其設置為塊級元素。同時給其設定寬高后，其內部的大圖片也會溢出，可以用overflow屬性隱藏溢出部分。 2.li設置浮動后，不會把父級標簽ul撐起來，需要清除浮動--overflow:hidden;（給ul加overflow:hidden;）查看全部
-
css sprite技術 基本的原理，就是利用background-postion的負值來進行調節。 當我們定位于background-position:-50px -50px;時發現圖片向左上，移動了，也就以DIV的左上角為中心，圖向左移動了50PX，向右也移動了50PX． ■右上角按鈕圖片的定位： 背景圖片設置的代碼順序：background:顏色 路徑 是否平鋪 left top (透明度,如果有的話); 按鈕設置<a href="#" title="列表模式"></a>；a是內聯元素，設置display：block 記得a標簽的title屬性查看全部
-
overflow:hidden重要的兩個作用：把多余的部分裁減掉／清除浮動 1.圖片的大小超過了a標簽的范圍： <a>標簽為內聯元素，所以給其設定寬高是達不到效果的，必須將其設置為塊級元素。同時給其設定寬高后，其內部的大圖片也會溢出，可以用overflow屬性隱藏溢出部分。 2.li設置浮動后，不會把父級標簽ul撐起來，需要清除浮動--overflow:hidden;（給ul加overflow:hidden;）查看全部
-
css sprite技術 基本的原理，就是利用background-postion的負值來進行調節。 當我們定位于background-position:-50px -50px;時發現圖片向左上，移動了，也就以DIV的左上角為中心，圖向左移動了50PX，向右也移動了50PX． ■右上角按鈕圖片的定位： 背景圖片設置的代碼順序：background:顏色 路徑 是否平鋪 left top (透明度,如果有的話); 注：①left top的定位是以圖片左上角為原點 ②可以用PS測距離大小：看信息面板里的W和H值 ③如果上面直接寫left top 就相當于background-position:0 0; 按鈕設置<a href="#" title="列表模式"></a>；a是內聯元素，設置display：block查看全部
-
信息排列布局 最終版查看全部
-
信息排列布局查看全部
舉報
0/150
提交
取消