一、今日学习内容
HTML5部分
主要是增加一些新的标签、新的表单和新的表单属性等,这些特性都有兼容性问题,基本上时IE9+以上的浏览器才能支持,如果不考虑兼容性,可以大量使用这些新特性
常用的H5标签:
头部标签<header></header>、导航栏标签<nav></nav>、内容标签<article></article>、侧边栏标签<aside></aside>、底部标签<footer></footer>
HTML5标签的优缺点:优点:便于搜索引擎来解析 缺点:会有兼容性问题
HTML5新增的Input内type属性的属性值
HTML5新增表单属性
修改placeholder的字体颜色
HTML5新增的多媒体标签
<audio>标签 音频标签
常用的属性和属性值 autoplay:autoplay; 自动播放 controls:controls; 像用户展示播放控件
oop:loop; 当音频结束时重现开始播放 src:url; 要播放的音频的url(地址)
audio多格式轮询
<video>标签 视频标签
CSS3新增属性
css3中可以通过box-sizing来指定盒模型,它有两个值,分别为content-box 和 border-box。
CSS3新增选择器
属性选择器
结构伪类选择器
nth-child和nth-of-type的区别:nth-child对父元素里面所有的子元素排序选择(序号是固定的),先找到第n个孩子,然后再看是否和相应元素匹配
nth-of-type对父元素里面的所有指定的子元素进行排序选择,先去进行相应元素的匹配,再排序去选择第n个元素
|