渐变色及H5入门

一、渐变色
在网页设计的时候会用到渐变色,比如间隔线,或者是渐变透明图,那么具体是怎么用呢?
首先,渐变色在HTML中的编译语句是:

background:linear-gradient(180deg,rgba(255,255,255,0),white 50%,white) ;

上面这语句意思是从上至下为透明向白色渐变,另外,间隔线为:

background:linear-gradient(180deg,#fff,#eee,#eee,#fff);

高度宽度都可以自己设计定义;

二、H5入门
H5里主要是对HTML的标签更新和更进,简化和删除了一些标签,另外对某些标签的意义进行了更正。
H5标签:
header
nav
section
aside
footer
article
以上这几个是常用且重要的标签。

视频 音频的格式:
video :ogg webm mp4
audio :mp3 wav ogg

controls控件 width宽 height 高 autoplay自动播放 loop 循环 poster 静态显示页面图片
autobuffer 缓冲 src 视频路径
< video controls=“controls” width="300“ >


您的浏览器暂不支持video标签。播放视频
</ video >

< audio controls=“controls” >


您的浏览器暂不支持audio标签。播放视频
</ audio>

不同的浏览器能识别的视频音频格式会有差别,这时就需要将格式相匹配的视频导入并进行播放。
H5中的标签需要加深记忆,多练习才会事半功倍。

发布了29 篇原创文章 · 获赞 1 · 访问量 582

猜你喜欢

转载自blog.csdn.net/Always_Love/article/details/103054271