-
html5+css3贺卡项目：1.结构层查看全部
-
music 样式 代码： /*all tag*/ * { margin: 0; padding: 0; border: none; font-size: 1.5625vw;/* 目标字体大小 / 屏幕宽度 * 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%; }查看全部
-
分析之后：切图->重构->前端->优化（实际操作部分）查看全部
-
单位：VM查看全部
-
border-radius：50% 变圆查看全部
-
第三步：性能优化 布局分析查看全部
-
清晰需求分析之后：第二步，开发所需的技术分析 html5+css3+javascript(原生)查看全部
-
开发前需具备知识点罗列 1、切图知识 2、熟悉html+css3 3、熟悉JavaScript使用 4、了解wamp服务器使用查看全部
-
开发网站第一步：根据psd页面进行需求分析查看全部
-
结构层 代码： <!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <title>结构层</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">点击屏幕<br>开启好运2016</div> <div class="p1_imooc"></div> <div class="p1_words">2016年慕课网新年特献</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进行开发，能更好的提高运行速度，对于大型项目使用zp框架，相当于移动端的jq查看全部
-
四点学习目标：查看全部
-
Demo: http://www.imooc.com/activity/project1查看全部
-
第三步：性能优化分析查看全部
-
第二步：开发技能分析查看全部
举报
0/150
提交
取消