html5与css3面试题（1）

1.html有哪些新特性移除了哪些元素

　　新特性：

　　语义化标签（header，nav，footer。section）

　　音频，视频（audio，video）

　　画布canvas

　　移除元素：

　　表现元素：center，tt，basefont（字体默认颜色和字号）

2什么是响应式设计？

　　简称媒体查询，就是对不同设备有不同的尺寸和不同的功能

3canvas元素的作用？

　　canvas元素用于在网页上绘制图片，该元素标签强大之处可以直接html上图形操作

4css3新增伪类有？

　　p:first-of-type选择父元素首个子元素

　　last-of-type选择父元素最后一个子元素...

5first-of-type与first-child区别

　　p:first-of-type：取出父级下的第一个子元素

　　实例<div>

　　　　　　<p></p>

　　　　　　<span></span>

　　　　</div>

　　　span:first-of-type()并不一定要是第一个元素只要是同属类型中第一个就行

　　p:first-child：取出父级下的第一个子元素

　　　　<div>

　　　　　　<p></p>

　　　　　　<span></span>

　　　　</div>

　　span:first-child()第一个是p标签的所以其他都不会匹配到

6你能描述下渐进增强和优雅降级的不同吗?

　　渐进增强：对于低版本浏览器进行构建页面保证最基本的功能，然后针对高级浏览器进行效果

　　交互的改进达到更好的用户体验。

　　优雅降级：一开始就构建完美的页面，再对于低版本浏览器去兼容

7如何在html中嵌入视频(或音频)？

　　<video>

　　　　<sourse src="路径"，type="video/mp4">

　　</video>

8html5中引入了什么新的表单属性？

　　datalist:配合input使用用来存放可能出现的值

　　　　　　用法<input>

　　　　　　　　　　<datalist>　　

　　　　　　　　　　　　<option value="可能值">

　　　　　　　　　　<datalist>　

9页面导入样式时，使用link和@import有什么区别？

　　link属于html的标签而@import却属于css提供的，页面加载时，link会同时加载而import会

　　等dom加载完之后去加载　　

　　@importie5以下不能识别

　　link权重高于@import的权重