为了账号安全,请及时绑定邮箱和手机立即绑定

HTML5+CSS3实现春节贺卡

难度中级
时长 1小时51分
学习人数
综合评分9.67
211人评价 查看评价
9.9 内容实用
9.5 简洁易懂
9.6 逻辑清晰

已采纳回答 / 李晓健
sublimeText的多行编辑功能,按住ctrl键,然后点鼠标,点到哪哪就会多一个光标就可以同时编辑

已采纳回答 / 李晓健
这个是让浏览器以你所装的浏览器中的最新内核来渲染,一般有都默认是最新的,所以就看不到什么效果。

最赞回答 / 李晓健
font-size: 1.5625vw;是怎么回事呢?这个1.5625 = (10/640)*100 ,这个10是怎么来的呢,为了开发方便大家都喜欢把根字体设为10px,因为这样的话1rem就等于10px,而我们在量设计图时得到的单位是px,所以我们在转成rem时直接除以10就可以,计算非常方便。这个640是一般的设计图都是640px宽的,这个值可以根据设计图的实际大小来调整。为什么要乘以100呢,因为要换算到vm的单位。http://www.imooc.com/article/4767 文章一直在核审中...

已采纳回答 / 李晓健
这种写法的自适应是有问题,只能针对屏幕的宽高比和他所用的屏幕的宽高比差不时才可以,他的demo放到iphone4上就会有问题。如果想适应所有的屏幕,高度相关的就能全用vh单位,可以用rem来做,但这样的话全屏切换有一点麻烦,所以有的做法就是使用media query,针对不同的屏幕做不同的大小。

已采纳回答 / 李晓健
有兼容性的,具体可以参考 http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/ 

已采纳回答 / 呆毛可以动的
经过测试touchstart这段代码在手机上运行确实是正常的,可以暂停后再次播放。电脑模拟手机测试会出现‘touchstart之后可以暂停,却不能开始了’的问题,个人理解chrome的手机测试模式不能正确模拟touchstart事件在手机端的表现。

已采纳回答 / 李晓健
@-webkit-keyframes p1_lantern 和 @keyframes p1_lantern  应该写到 #page1 >.p1_lantern:before{ } 的外面,你写到里面去了

已采纳回答 / 北极阿熊
发布到互联网。购买自己的域名和网络空间。

已采纳回答 / 李晓健
什么名字不知道   地址在这里 http://www.imooc.com/activity/project/project1/audio/happynewyear.mp3 

已采纳回答 / TwilightNamigu
背景设置绝对定位是为了控制这几个页面,先让他们重叠在一起 然后再做特效  

已采纳回答 / 李晓健
Emmet  使用方法可参考 http://www.w3cplus.com/tools/emmet-cheat-sheet.html 

已采纳回答 / 慕斯卡7752168
相对于视口的宽度。视口被均分为100单位的vw。现在移动端屏幕宽度不确定,vw和vh可以理解为一种百分比设定
首页上一页123456下一页尾页
课程须知
本课程是前端中级课程 1.HTML 和 CSS基础知识 2.HTML5 伪类和 CSS3动画基本知识 3.JavaScript基本语法知识
老师告诉你能学到什么?
1.学会手机端简单展示型网页的布局与分析 2.学会使用CSS3的transition和animation动画 3.学会使用HTML5的Audio API完成音乐交互 4.学会利用JavaScript和伪类制作出绚丽的交互效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消