千峰培訓 前端 day02

2021-09-05 12:23:15 字數 1526 閱讀 7533

培訓第二天,**還不完善。

html檔案如下:

the two

the three

the two

the three

css檔案如下:

@charset "utf-8";/*編碼格式*/

*/*共同樣式*/

divdiv img

div:hover img

/*第乙個盒子樣式*/

.box1 h1

.box1:hover h1

.box1 p

.box1 .p1

.box1:hover .p1

.box1 .p2

.box1:hover .p2

.box1 .p3

.box1:hover .p3

/*第二個盒子樣式*/

.box2:hover img

.box2 h1

.box2 p

.box2 .p1

.box2:hover .p1

.box2 .p2

.box2:hover .p2

.box2 .p3

.box2:hover .p3

/*第三個盒子樣式*/

.box3 h1

.box3:hover h1

.box3:hover img

.box3 .p1

.box3:hover .p1

/*第四個盒子樣式*/

.box4 h1

.box4:hover h1

.box4 .p1

.box4:hover .p1

.box4 h2

.box4:hover h2

/****/

#btn

.btn

/*定義c3動畫*/

@keyframes xuanzhuan

to}/*第五個盒子*/

.box5 h1

.box5:hover h1

.box5:hover img

.box5 .p1

.box5:hover .p1

.box5 div

.box5:hover div

/*第六個盒子*/

.box6:hover img

.box6 h1

.box6:hover h1

/*第七個盒子*/

.box7:hover img

/*第八個盒子*/

.box8:hover img

.box8 .top

.box8:hover .top

.box8 .left

.box8:hover .left

/*第九個盒子*/

.box9 img

.box9:hover img

js檔案如下:

function play(img)else

}

前端入門到熟悉day02

01文字域和select option select 元素可建立單選或多選選單。元素中的 標籤用於定義列表中的可用選項。02 1 的基本構成元素最少需要三個 table tr td 元素的彙總 table 表示 thead 表示標題行 tbody 表示 的主體 tfoot 表示表腳 tr 表示一行單...

day02 資料儲存

librarys c和c 的 庫 linux kernel 操作硬體裝置 開發步驟 1.建立android專案 2.設計布局 3.新增事件監聽 4.發布執行 資料儲存 openfileinput string filename 開啟 data data 包名 files目錄下檔案對應的輸入流 sd卡...

設計模式Day02

1 生成器模式 生成器模式也稱為建造者模式。生成器模式的意圖在於將乙個複雜的構建與其表示相分離,使得同樣的構建過程可以建立不同的表示。生成器模式的程式設計步驟 1 定義乙個產品類 由於不在該類完成product類物件的建立,所以無需顯示定義構造方法。2 定義n個生成器build類 生成器是用來生成p...