慕课网

HTML5+CSS3实现春节贺卡

最热最新

慕工程2957023

如果在HTML5中没有写高度，默认块元素高度为0 ，而且由内容来撑开高度，要设置子元素高度100% 需要先设置html body 等父级高度 (background)背景的属性值必须有（height）尺寸或者在html5中的background-size:100%; html, body{ height:100%; } /* page bg */ .page > .bg { position:absolute; z-index:-1; width:100%; height:100%; } /* page1 */ #page1 > .bg { background: url（"图片位置"） no-repeat(不重复) center center； background-size:100%;//使内容上浮设置z-index为-1 } /* page2 */ #page2 > .bg { background: url（"图片位置"） no-repeat(不重复) center center； background-size:100%;//使内容上浮设置z-index为-1 } /* page3 */ #page3 > .bg { background: url（"图片位置"） no-repeat(不重复) center center； background-size:100%;//使内容上浮设置z-index为-1 }

查看全部

0 采集收起来源：移动端项目开发---表示层（bg）
2018-03-22
慕工程2957023

三个单位 px：精确像素 em：相对父元素，1em就是1*父元素的fontsize； rem：相对于跟元素，1rem就是1*根元素也（就是html）的font-size； http://www.w3cplus.com/css3/define-font-size-with-css3-rem

查看全部

0 采集收起来源：移动端项目开发----表示层
2016-11-30
慕工程2957023

这里出现第一个新的单位 vw ，vw是view-width的缩写，相应地还有vh是view-height的缩写。他们分别指的是视窗宽度和高度（移动端即设备宽度和设备高度）。 1vw等价于1%的视窗宽度，15vw指的就是15%视窗宽度。,关于单位的介绍可以参看 http://www.zhangxinxu.com/wordpress/2012/09/new-viewport-relative-units-vw-vh-vm-vmin/

查看全部

0 采集收起来源：移动端项目开发----表示层
2016-11-30
慕工程2957023

sublimeText的多行编辑功能，按住ctrl键，然后点鼠标，点到哪哪就会多一个光标就可以同时编辑 div*5 按tab键快速生成5个div 在mac系统下试验不成功，网上查了一下实现这个功能要加emmet插件。在sublime 中按Ctrl+Shift+P 输入Install package 他会联网搜索到所有可用的插件。然后再输入emmet进行过滤。然后选择该插件确定即可。就如同HTML与CSS一样，编写网页的流程同样应该遵循结构与样式分离。先写好网页结构，再逐渐向各个division当中填充内容、调整样式。合理地分配division同样很关键。以page2中间的2016加圆环为例，既不要把数字2016与圆环分在同一个division下，也不要把各个圆环分开。合理地分配division会为后面的样式控制带来便利。

查看全部

0 采集收起来源：移动端项目开发----结构层
2016-11-30
慕工程2957023

wamp是在本地搭建一个简易的开发环境，把你写的源文件放在wamp的WWW根目录下，就可以直接通过localhost/文件名/ 进行访问了。

查看全部

0 采集收起来源：移动端项目开发----结构层
2016-11-30
慕工程2957023 00:02

切图-重构-前端-优化

查看全部

0 采集收起来源：移动端项目开发----分析
2016-11-30
慕工程2957023 05:16

性能优化分析

查看全部

0 采集收起来源：移动端项目开发分析
2016-11-30
慕工程2957023

1、Zepto是为现代智能手机浏览器推出的Javascript 框架, 有和jQuery相似的语法, 和jQuery相比下来, 他有很多优点, 大小方面 , 压缩后的 zepto.min.js 大小只有21K, 使用服务器端 gzip 压缩后大小只有5~10K, 可以说非常的小, 功能很齐全, 多出来了一些触摸屏的事件,它对PC的浏览器就不是那么理想,尤其是万恶IE直接过滤不兼容, 用它来开发手机iPhone和Android网页是不错的选择. 2、jquery主要是用在PC的网页中了，jquery是目前最流行的javascript框架，以其兼容全部主流浏览器，插件丰富，代码简洁，最关键的是更新快，最好的dom选择器而被广泛被使用。而手机wap方面的话，jquery也推出jquery-mobile，也很好用。 zepto也属于js，只是是修改过的js

查看全部

0 采集收起来源：移动端项目开发分析
2016-11-30
慕标7952165

http://www.imooc.com/activity/project1

查看全部

0 采集收起来源：课程介绍
2016-11-21
Gean01

http://www.imooc.com/activity/project1 演示地址。可以自己先尝试着写，再看老师的讲解

查看全部

0 采集收起来源：课程介绍
2016-11-16
我_0009

开始学习

查看全部

0 采集收起来源：课程介绍
2016-11-08
班大人 09:07

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"> IE打开的情况下，会告诉IE浏览器用最高的IE版本渲染页面 ( ╯╰ )

查看全部

0 采集收起来源：移动端项目开发——视口控制
2018-03-22
班大人 01:40

forwards属于animation-fill-mode属性的值，意思是当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。

查看全部

0 采集收起来源：移动端项目开发——交互(page2_loading)
2016-10-29
班大人 09:04

点击按钮控制音乐 audio 播放与暂停至于 CSS3动画在暂停的时候，能保持在原地，截图里的 this 这两个方法兼容不好，请看下一集吧。看老师如何处理兼容的！！！！

查看全部

0 采集收起来源：移动端项目开发——交互(music控制)
2016-10-29
班大人 05:55

defer HTML5新属性，放在 script src 后，是等页面加载完，在执行

查看全部

0 采集收起来源：移动端项目开发——交互(music控制)
2016-10-29

首页上一页 11 12 13 14 15 16 17 下一页尾页

0/150

提交

取消

开始学习

课程须知: 本课程是前端中级课程 1.HTML 和 CSS基础知识 2.HTML5 伪类和 CSS3动画基本知识 3.JavaScript基本语法知识

老师告诉你能学到什么？: 1.学会手机端简单展示型网页的布局与分析 2.学会使用CSS3的transition和animation动画 3.学会使用HTML5的Audio API完成音乐交互 4.学会利用JavaScript和伪类制作出绚丽的交互效果