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

HTML5+CSS3实现春节贺卡

难度中级
时长 1小时51分
学习人数
综合评分9.67
211人评价 查看评价
9.9 内容实用
9.5 简洁易懂
9.6 逻辑清晰
  • 尽量少用img标签,用css设置图片
    查看全部
  • animation-name 规定 @keyframes 动画的名称。 <br> animation-duration 规定动画完成一个周期所花费的秒或毫秒。 <br> animation-timing-function 规定动画的速度曲线。 <br> animation-delay 规定动画何时开始。 <br> animation-iteration-count 规定动画被播放的次数。<br> animation-direction 规定动画是否在下一周期逆向地播放<br> animation-play-state 规定动画是否正在运行或暂停。<br> animation-fill-mode 规定对象动画时间之外的状态。 具体内容参考CSS参考手册:http://www.w3school.com.cn/cssref/index.asp
    查看全部
  • sublime text 优点:多行操作 分别选择行首缩进的空格和结尾的大括号 使用快捷键alt + F3进行全选 1、设置动画样式:animate:动画名称 时间 linner 结束动作(例:循环); ps:webkit内核兼容 2、设置动画时间:@keyframes{ transform:角度rotate(360deg) } 以百分比来规定改变发生的时间,或者通过关键词 "from" 和 "to",等价于 0% 和 100%。 0% 是动画的开始时间,100% 动画的结束时间。 transform-rotate 旋转
    查看全部
  • display:none: 隐藏该标签; display:block:就是将他强行转化为块级元素; 块级元素: 动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子; 行内元素: 自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。 display:none和visible:hidden都能把网页上某个元素隐藏起来,但两者有区别: display:none ---不为被隐藏的对象保留其物理空间,即该对象在页面上彻底消失,通俗来说就是看不见也摸不到。 visible:hidden--- 使对象在网页上不可见,但该对象在网页上所占的空间没有改变,通俗来说就是看不见但摸得到。
    查看全部
  • 小小移动端项目分析之需求分析: 1.当拿到客户的需求之后,首先要分析项目的主题,明确客户要我们设计什么。 2.当确定项目主题之后,开始设计稿图层分析。对于比较简单页数少的项目,可以采用多页视觉放到一个网页文档,并用视觉差特效完成分页展示。 3.图案分析好后,就考虑背景音乐。是要跟随翻页还是每一页只播放当前背景音乐;是自动播放还是用户手动播放;以及播放器在页面显示的位置。 4.最后是需求沟通与确认,再次确认客户的需求,并解释自己的设计思路,进行有效的沟通。
    查看全部
  • LAMP phpstudy都可以哦
    查看全部
  • 视口控制<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    查看全部
  • 通配符,实现自适应,字体大小10
    查看全部
  • overflow:hidden; 防止滚动条的出现,实际作用隐藏溢出
    查看全部
  • 透明图 png 背景图jpg
    查看全部
  • 前端页面开发流程
    查看全部
  • 前端性能优化
    查看全部
  • 背景音乐
    查看全部
  • 监听事件 自动停止光盘旋转停止效果
    查看全部
  • DIV所占区域大小(宽度举例)= 宽(width)+内边距(pading)+边框(border大小)+外边距(margin) box-sizing 默认是content-box,实际width=设置width+边框+间距,而在border-box下,宽度设置好,边框和间距会自动调整宽度,满足设置的值。 语法 box-sizing:content-box | border-box 默认值:content-box 取值 content-box: padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding以及margin之和,即 ( Element width = width + border + padding+margin ) 此属性表现为标准模式下的盒模型。 border-box: padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义有border和padding也不会改变对象的实际宽度,即 ( Element width = width )
    查看全部

举报

0/150
提交
取消
课程须知
本课程是前端中级课程 1.HTML 和 CSS基础知识 2.HTML5 伪类和 CSS3动画基本知识 3.JavaScript基本语法知识
老师告诉你能学到什么?
1.学会手机端简单展示型网页的布局与分析 2.学会使用CSS3的transition和animation动画 3.学会使用HTML5的Audio API完成音乐交互 4.学会利用JavaScript和伪类制作出绚丽的交互效果

微信扫码,参与3人拼团

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

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