近一年web前端经典面试题整理

前言： 

一、如何区分 HTML 和 HTML5？

 DOCTYPE声明\新增的结构元素\功能元素

二、CSS 选择符有哪些？

 1.id选择器（ # myid）

  2.类选择器（.myclassname）

  3.标签选择器（div, h1, p）

  4.子选择器（ul > li）

  5.后代选择器（li a）

  6.通配符选择器（ * ）

  7.属性选择器（a[rel = "external"]）

  8.伪类选择器（a: hover, li:nth-child）

三、简要说一下CSS的元素分类

  块级元素：div,p,h1,form,ul,li;
  行内元素 : span,a,label,input,img,strong,em;

四，解释css sprites ，如何使用？

CSS Sprites其实就是把网页中一些背景图片整合到一张图片文件中，
再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，
background-position可以用数字能精确的定位出背景图片的位置。
CSS Sprites为一些大型的网站节约了带宽，让提高了用户的加载速度和
用户体验，不需要加载更多的图片 

五、解释下浮动和它的工作原理？清除浮动的方法

  浮动元素脱离文档流，不占据空间。浮动元素碰到包含它的边框或者浮动元素的边框停留。

  1.使用空标签清除浮动。

  这种方法是在所有浮动标签后面添加一个空标签 定义css clear:both. 弊端就是增加了无意义标签。

  2.使用after伪对象清除浮动

　该方法只适用于非IE浏览器。具体写法可参照以下