总之所有的一切都为了精简，为了效率，也为了重用。
页面规范
样式和程序不一样，样式主要是为了界面呈现，因此样式的命名和界面的表现是紧密联系在一起的。这边我主要写一个放大的结构，基本上这个结构会满足90%的需求。但是如果要做到精炼，还是要根据具体的需求来调整，避免过多的冗余。
1. 文件定义：必须是
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "；http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
2. 全局包括：字符编码，文字大小，字体，背景，行距;链接最好不要放到全局里定义，IE6环境下会有奇怪的问题;
3. 公用的包括：button(按钮)，input(输入框)，textArea(文本域)，space(间隔);
4. 根据页面的结构，页面大致分为五个部分：顶部、左栏、中栏、右栏、底部;CLASS的名称分别定义为：top, left, middle, right, bottom ;
5. divBtn, divBtnL, divBtnM, divBtnR(DIV模拟按钮)，menu, menuL, menuM, menuR(菜单)
