＂web前端常见的面试题有： px和em的区别 px表示像素 （计算机屏幕上的一个点：1px = 1/96in），是绝对单位，不会因为其他元素的尺寸变化而变化； em表示相对于父元素的字体大小。em是相对单位 ，没有一个固定的度量值，而是由其他元素尺寸来决定的相对值。 优雅降级和渐进增强 渐进增强（Progressive Enhancement）：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。

优雅降级（Graceful Degradation）：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。 其实渐进增强和优雅降级并非什么新概念，只是旧的概念换了一个新的说法。在传统软件开发中，经常会提到向上兼容和向下兼容的概念。

渐进增强相当于向上兼容，而优雅降级相当于向下兼容。 CSS样式覆盖规则 规则一：由于继承而发生样式冲突时，最近祖先获胜。 规则二：继承的样式和直接指定的样式冲突时，直接指定的样式获胜 规则三：直接指定的样式发生冲突时，样式权值高者获胜。 样式的权值取决于样式的选择器，权值定义如下表。 CSS选择器权值 标签选择器1 类选择器10 ID选择器100 内联样式1000 伪元素（：first-child等）1 伪类（：link等）10 可以看到，内联样式的权值>>ID选择器>>类选择器>>标签选择器，除此以外，后代选择器的权值为每项权值之和，比如”#nav .current a”的权值为100 + 10 + 1 = 111。

规则四：样式权值相同时，后者获胜。 规则五：！important的样式属性不被覆盖。 ！important可以看做是万不得已的时候，打破上述四个规则的”金手指”。如果你一定要采用某个样式属性，而不让它被覆盖的，可以在属性值后加上！important，以规则四的例子为例，”.byline a ”可以强行使链接显示红色。大多数情况下都可以通过其他方式来控制样式的覆盖，不能滥用！important。

这些面试题内容在黑马程序员视频库都能找到，你可以去看一下。而且如果你正在黑马学习，也不用担心，老师会专门讲面试题的。＂