前端学习-HTML(5)+CSS(3)篇02

前端Logo.jpg

大家好,我是lyh165,每天喜欢用17小时去工作和学习。

之前从事于后者(世界上有两种手机一种是其他手机,另一种是iPhone手机)dont ask my why.

现如今献血于(人生苦短,我用Python)期待于与吴恩达较于高下。

后于(UI设计、产品经理、技术总监、CTO、 我还有一个bug没改:然后die)

我打算用每周更新专栏五到六篇文章。不能做到每天一文是因为工作、学习、总结和概念以及编译成文章需要大量的时间。而且我是个疯子、疯子、疯子。花了17个小时都满足不了你们要求的疯子。就体谅一下吧。

一天24小时都不够用来学习的。你又什么资格去叹气!

上一篇文章是:前端学习-HTML(5)+CSS(3)篇01

由于编写文章字数限制我把HTML(5)+CSS(3)抽成两篇来写了。接下来我们继续讲述到

3、HTML5

HTML5其实只不过是在HTML5的基础上新增了一些标签。

现在的我,赶紧学习Python,赶上第二波人工智能时代。前期当然是做做前端、后端、App开发。到稳定了再深入到Python的机器学习、深度学习等等。

屁话真多。赶紧学习HTML5先吧

HTML5新增的标签

1.header、footer(头部、尾部)

2.nav、aside(导航栏、侧边栏)

3.article、section(文章、章节)

4.label(文本)

5.input的属性

6.audio、video (音频视屏)

4、CSS3

1.主要增加E:nth

2.样式处理(圆角、阴影、透明度)

3.变换(运动曲线、变形)(实例有 文字遮罩、)

4.动画(animation)

1.E:nth家族

2.样式处理(圆角、阴影、透明度)

3.变换(transition)

transition变换.gif

运动曲线的选择(以什么形式去运动、开始快结束慢?开始慢中间结束均速?)

实例:文字遮罩

transition变换(文字遮罩).gif

变形

transition变换(变形).gif

实例:图片翻转

transition变换(图片翻转).gif

4、animation动画(使用到@keyframes说明可以创建动画)

动画的参数说明

animation动画(人物走路).gif

多帧动画(1秒处理多个转变)

animation动画(多帧动画).gif

loading动画

animation动画(loading).gif

分享完了。大家猜我写两篇HTML5+CSS3初认识写了多久。

两天,每篇大概是输出3个小时左右,有空点个赞哦。

下期介绍PS的简单使用。如果有意向往UI设计师、产品经理发展,给你们推荐一个不错的妹子哦。→UI妹儿

好困,凌晨5点了,先睡会。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180518G044GI00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券