-
html5+css3賀卡項(xiàng)目：1.結(jié)構(gòu)層查看全部
-
music 樣式 代碼： /*all tag*/ * { margin: 0; padding: 0; border: none; font-size: 1.5625vw;/* 目標(biāo)字體大小 / 屏幕寬度 * 100 vw*/ font-family: "Microsoft YaHei"; } /*music*/ #music { position: fixed; top: 3vh; right: 4vw; z-index: 5; width: 15vw; height: 15vw; border: 4px solid #ef1639; border-radius: 50%; background: #fff; } #music > img:first-of-type { position: absolute; top:24%; right: 2.5%; width: 28.421%; } #music > img:last-of-type { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 79%; }查看全部
-
分析之后：切圖->重構(gòu)->前端->優(yōu)化（實(shí)際操作部分）查看全部
-
單位：VM查看全部
-
border-radius：50% 變圓查看全部
-
第三步：性能優(yōu)化 布局分析查看全部
-
清晰需求分析之后：第二步，開(kāi)發(fā)所需的技術(shù)分析 html5+css3+javascript(原生)查看全部
-
開(kāi)發(fā)前需具備知識(shí)點(diǎn)羅列 1、切圖知識(shí) 2、熟悉html+css3 3、熟悉JavaScript使用 4、了解wamp服務(wù)器使用查看全部
-
開(kāi)發(fā)網(wǎng)站第一步：根據(jù)psd頁(yè)面進(jìn)行需求分析查看全部
-
結(jié)構(gòu)層 代碼： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>結(jié)構(gòu)層</title> </head> <body> <div class="music"> <img src="images/music_pointer.png" > <img src="images/music_disc.png"> </div> <div class="page" id="page1"> <div class="bg"></div> <div class="p1_lantern">點(diǎn)擊屏幕<br>開(kāi)啟好運(yùn)2016</div> <div class="p1_imooc"></div> <div class="p1_words">2016年慕課網(wǎng)新年特獻(xiàn)</div> </div> <div class="page" id="page2"> <div class="bg"></div> <div class="p2_circle"></div> <div class="p2_2016"></div> </div> <div class="page" id="page3"> <div class="bg"></div> <div class="p3_log"></div> <div class="p3_title"></div> <div class="p3_second"></div> <div class="p3_first"></div> <div class="p3_blessing"></div> </div> </body> </html>查看全部
-
小型Dome使用原生javascript進(jìn)行開(kāi)發(fā)，能更好的提高運(yùn)行速度，對(duì)于大型項(xiàng)目使用zp框架，相當(dāng)于移動(dòng)端的jq查看全部
-
四點(diǎn)學(xué)習(xí)目標(biāo)：查看全部
-
Demo: http://idcbgp.cn/activity/project1查看全部
-
第三步：性能優(yōu)化分析查看全部
-
第二步：開(kāi)發(fā)技能分析查看全部
舉報(bào)
0/150
提交
取消