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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM