为什么建议使用960像素的网站布局？
960像素是常见的网页布局宽度，因为1024 x 768曾经是很多年最常见的分辨率，设计师们被迫为最低公共分母进行设计。当设计固定宽度时，明智的做法是设计让大多数人看不到水平滚动条。如果您的设计宽度为1024像素，则高度超过视口（例如简单起见，768像素）的页面将突然引入垂直滚动条，占用可用的水平空间，这个空间突然少于1024像素（1024减去垂直滚动条的宽度）。
所以，您需要一个宽度小于1024减去垂直滚动条的宽度的宽度。滚动条的宽度不会太多，但要考虑非最大化窗口，并得出一个易于分解成尽可能多的因子的数字，因为这使得设计固定大小的框或列更容易。由于960具有比1000更多的因子，因此选择了960。
基于固定宽度960像素来设计的确是部分虚假的安全保障，因为许多人不会最大化其窗口甚至不会正确地调整其大小，因此即使分辨率高于1024，他们的浏览器窗口也可能不适合960像素。这就是为什么响应式网页设计开始流行的原因，其中设计更加流动和响应用户的设备设置（如屏幕分辨率）。
什么是网格系统？
一个网格系统只是一组预定义的CSS类名，您可以在HTML文档中使用它们来将设计中的不同框对齐到与一个或多个常见的Web设计布局相匹配的“网格”中。如果您不熟悉CSS并发现难以对齐设计中的框（包括宽度和高度），那么网格系统是很好的选择。
如果您觉得自己能够轻松编写CSS，我建议您自己编写。我还建议不要使用严格固定宽度的列，而是使用响应式Web设计（如上所述），以便更好地适应不同的屏幕尺寸，比固定宽度设计更具优势。