サマリー：小效果制作的要點(diǎn)： 1、享八折小方塊的定位 用絕對定位的方法來實(shí)現(xiàn)，方法：position:absolute;top: left:, 注意絕對定位的元素父元素一定要做相對定位，position:relative; 2、家電板塊中的每個(gè)小塊有一個(gè)橙色矩形在鼠標(biāo)指針指上時(shí)有個(gè)上升出現(xiàn)的動(dòng)畫效果，用css3來實(shí)現(xiàn)，方法是： 01 先在 style 樣式中定義一個(gè)功

小效果制作的要點(diǎn)：
1、享八折小方塊的定位
用絕對定位的方法來實(shí)現(xiàn)，方法：position:absolute;top: left:,
注意絕對定位的元素父元素一定要做相對定位，position:relative;
2、家電板塊中的每個(gè)小塊有一個(gè)橙色矩形在鼠標(biāo)指針指上時(shí)有個(gè)上升出現(xiàn)的動(dòng)畫效果，用css3來實(shí)現(xiàn)，方法是：
01 先在 style 樣式中定義一個(gè)功能
@keyframes move{
                   From{}
                   To{}
}
02 讓相應(yīng)的元素調(diào)用該動(dòng)畫功能，從而實(shí)現(xiàn)動(dòng)畫
Div{
                   Animation: move 1s......
}
01 @keyframes 是 C3 中提供的定義動(dòng)畫功能的關(guān)鍵字。
02 move 是我們自已定義的動(dòng)畫名稱
03 from 里設(shè)置的是該動(dòng)畫的開始狀態(tài)，to 里設(shè)置的是該動(dòng)畫的目標(biāo)狀態(tài)。

代碼太長就不貼上了

添削の先生：天蓬老師添削時(shí)間：2019-01-27 09:04:01
先生のまとめ：對定位的元素父元素一定要做相對定位，position:relative;, 其實(shí)父級塊用絕對定位也是可以的, 只要有定位屬性就可以