您的位置:首页 > Web前端 > HTML5

【嘉兴东臣php】HTML5、CSS3

2016-01-02 00:00 399 查看
本周主要跟着老黄学习了前端的最新技术HTML5和CSS3,体会了一次超炫、超酷的旅程。

HTML5 是HTML4的升级版。不是特定的开发语言。
目前支持的浏览器有 safari、opera 、firefox 、 chrome、ie 但是较老的版本不支持。
标签:
<audio> 音乐播放器
controls=“controls” 为显示音乐播放器面板
<source src="链接" type="audio/mpeg(mp3,ogg)"/>
</audio>
<video> 视频播放器
controls="controls" 视频播放器面板
width= 音乐播放器宽度
height= 音乐播放器高度
<source src="链接" type="video/mp4"/>
</video>

document.getElementById("XXX").load 重新加载
document.getElementById("XXX").play 播放
document.getElementById("XXX").pause 暂停

CSS3:严格意义上说 不是一门新语言,只是在CSS2.0的基础上新增了一些特性。
CSS3 有如下特性:
1、:in-range 范围内
2、:out-range 范围外
3、:valid 通过
4、:invalid 没有通过
5、:enabled 可以填写
6、:disabled 禁用元素
7、:required 必填选项
8、:optional 可选(默认)
9、:read-only: 只读
10、:nth-of-type 选择器
11、[属性^=值] 选择器匹配元素属性值带指定的值开始的元素。
注意:从最开始匹配,从左往右
12、[属性$=值] 选择器同理,匹配元素属性值带指定的值结尾的元素。
注意:从最后开始匹配,但是还是从左往右数
13、[属性*=值] 选择器匹配元素属性值包含指定值的元素。
注意:只要出现匹配值,就会被匹配
14、元素1~元素2 选择器匹配出现在 元素1 后面的 元素2。元素1 和 元素2 这两种元素必须具有相同的父元素。

这周跟着老黄用HTML5和CSS3学了相应的前端技术,并一起做了下雨、重力球、圆形loading等好玩又好看的东西,主要是领会每个属性的特点并懂得怎么用。2015年就这样转眼逝去,2016年悄悄的到来了,迎接着新年到来,我要重新开始、涅槃重生,新的起点新的开始、新的目标新的旅程,不经历黑暗怎么见光明,只愿风雨兼程。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: