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的权重