美文网首页
H5和CSS3(二)

H5和CSS3(二)

作者: 繁花似锦之流年似水 | 来源:发表于2019-06-16 10:49 被阅读0次

1、动画anidimation

实例:设置一个盒子宽度上的变化的动画

2、CSS3浏览器前缀

3、H5新增结构标签

header、nav等语义化标签相当于div+className

【注】这个还是要结合CCS样式来进行布局,实际使用不多。我们现在布局是div+css来布局,可读性低。使用H5新增标签见名知义,使得页面更加清晰、方便维护以及开发

4、新增表单控件

会自动校验表单中输入的格式,但是不同浏览器显示的样式不一致,开发中需要自己设计样式

新增表单控件属性【常用】

autofocus界面刷新后自动获取焦点,不需要鼠标点

5、H5音频和视频

<audio autoplay controls loop preload>

<source src="../../static/music/罗晋;唐嫣 - 天赋-(电视剧《锦绣未央》片尾曲).mp3"></source>

</audio>

界面显示

【注】controls会在界面上显示如上所示的播放器

autoplay 首次进入、刷新页面后自动播放

【注】使用方法和音频基本一致

相关文章

  • h5和css3自定义单选按钮

    h5和css3自定义单选按钮的实现   h5和css3,感觉自己一直都是大概了解其中的属性,等到真正要用的时候,哪...

  • HTML5与CSS3的新特性

    现在各大浏览器对H5和CSS3的支持已经很好了,现在来总结一下H5和CSS3的新特性 HTML5 1、新的特殊内容...

  • 进度,我来了。

    定个小目标,两周之内结束H5和CSS3。

  • 关于h5和css3的知识点整理

    其实很多小白在学h5和css3的时候会和我一样,傻傻的分不清楚h5中的新标签和css3中的新方法。。。原因其实很简...

  • 关于H5(1)

    H5基础都有哪些: H5有用的标签: 新增标签 *表单 *js新增功能 css3选择器: *css3新增的样式 浏...

  • H5和CSS3(二)

    1、动画anidimation 实例:设置一个盒子宽度上的变化的动画 2、CSS3浏览器前缀 3、H5新增结构标签...

  • 2019-05-22记面试

    1.h5和css3的新特性 h5新特性:语义化标签[footer,header,section,nav];; ...

  • H5单页面手势滑屏切换原理

    H5单页面手势滑屏切换是采用HTML5 触摸事件(Touch) 和 CSS3动画(Transform,Transi...

  • H5和CSS3

    1、CSS权重 CSS权重指的是样式的优先级,当有多个样式作用于元素的时候,权重值大的样式起作用。权重一样的时候,...

  • spring cloud分布式微服务b2b2c社交电商java版

    前端框架:Bootstrap/H5/CSS3、IOS、VUE、Android、小程序 核心架构:Spring Bo...

网友评论

      本文标题:H5和CSS3(二)

      本文链接:https://www.haomeiwen.com/subject/mezvfctx.html