网上疯传了一道css面试题，题目是这样的：

9个元素，每个50*50px，排成九宫格
默认是border颜色为blue，hover到格子上变成red（兼容到IE6，考虑语义化的结构）

css效果

这道题目的重点和难点在于hover时候的效果，观察会发现相邻的两个格子需要共享同一条边。

...

常见问题：

一、你能描述一下渐进增强和优雅降级之间的不同吗?

如果提到了特性检测，可以加分。
 检测浏览器，渐进增强就是让牛b的浏览器的效果更好，优雅降级就是让2b的浏览器在功能ok的情况下效果一般。

二、线程与进程的区别

一个程序至少有一个进程,一个进程至少有一个线程. 
线程的划分尺度小于进程，使得多线程程序的并发性高。 
另外，进程在执行过程中拥有独立的内存单元，而多个线程共享内存，从而极大地提高了程序的运行效率。 
线程在执行过程中与进程还是有区别的。每个独立的线程有一个程序运行的入口、顺序执行序列和程序的出口。但是线程不能够独立执行，必须依存在应用程序中，由应用程序提供多个线程执行控制。 
从逻辑角度来看，多线程的意义在于一个应用程序中，有多个执行部分可以同时执行。但操作系统并没有将多个线程看做多个独立的应用，来实现进程的调度和管理以及资源分配。这就是进程和线程的重要区别。

前端面试题，不仅仅是应付面试用的，通过一份好的前端面试题，可以全方面的考察自己是否是一个合格的前端开发人员，本文末尾有部分答案的链接。

目录

1. 常见问题
2. HTML 相关问题
3. CSS 相关问题
...

前端面试的时候，很多考官都会提到“盒子模型”，如果你能很好的解释清楚，那么证明你css基本功很不错。下边来说一说盒子模型吧。 盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。 
盒子模型是CSS中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟悉的标准盒子模型： 
...

一、跨浏览器的网页设计一直是让人很头疼的问题，这不只是因为浏览器的版本众多，还有一个重要的原因是相同浏览器的不同时期的版本也会有差异，甚至是在不同操作同台上还会有不同。因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法。CSS Hack技术有很多，具体可以查看： 

   本文据说的主要是通过“.”，“>”，“*”，“_”来区分。以下是本人对这四种符号的测试结果： 
...

p1{ word-break:break-all; width:150px;}/*只对英文起作用，以字母作为换行依据*/

.p2{ word-wrap:break-word; width:150px;}/*--只对英文起作用，以单词作为换行依据*/

.p3{white-space:pre-wrap; width:150px;}/*只对中文起作用，强制换行*/
...

网页素材：显示三角图标的方式有很多，譬如：图片、符号△▲；用纯css的方式，怎么显示三角呢？ 三角要怎么用才能美观呢？本站之前的一篇纯css的标签背景就是一个很好的应用方式。
那么本文主要介绍这种纯css显示三角的原理。

先看一下一个简单例子的效果：

HTML代码：

...

先看radio/checkbox效果对比:

下边贴出源码，实现的原理很简单，就是，先隐藏input[type=radio/checkbox]，然后2中状态图片的切换，同时触发值得改变。