前端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点了,先睡会。
领取专属 10元无门槛券
私享最新 技术干货