首先备份以上文件。
现在用记事本打开index.html。
现在用记事本打开index.html。在修改一个东西之前，我们先要认识它。分析它每部分都是什么，才知道需要修改哪些地方……
痛苦不？没一个中文。呵呵。下面我来分析一下这里的东西。（以下每一个加括号注释的部分我都会在下面详细说明）
复制内容到剪贴板
代码:
<div class="main"> //DIV CLASS，这就是传说中的DIV+CSS了`呵呵.忽然发现原来传说离自己如此之近。
//这句主要就是声明以下代码调用CSS中main的设置
<div class="side"> //这里也是声明调用， 不过因为上一个DIV没封闭，所以调用是从属于上一个CSS。（1）
<div class="sideborder"> //这里是第一个模块的开始，对比首页和以下代码我们可以知道这个是登陆模块。
<div class="head">{CTL_userlogin}</div> //这里出现了第一个全局变量。（2）
<div class="content">{C_viewuserstatus}</div>
</div> //这里出现了第一个封闭代码。
<!-- IF Commendblock --> //逻辑判断代码（3）
//这里也是第二个模块的开始，是推荐模块。
<div class="sideborder">
<div class="head">{CTL_commend}</div>
<div class="content">
<ul> //列表代码 （4）
<!-- BEGIN Commendblock --> //循环代码。循环开始（5）
<li><a href="bookinfo.php?bid={C_bookid}" rel="external">{C_booktitle}</a></li> //分行代码，小说名（6）
<!-- END Commendblock --> //循环结束。
<li class="more"><a href="bookrank.php?class=recommend" rel="external">{CTL_more}</a></li> //分行，“更多”的连接和样式。（7）
</ul> //列表结束
</div> //封闭DIV（8）
</div>
<!-- ENDIF --> //结束循环
<div class="sideborder"> //开始下一个模块……
………………… //以下省略
…………………
…………………
</div> //这里是首页最下面，开始逐个封闭DIV
</div>
</div> //封闭最顶端DIV，DIV调用结束。(9)
日啊````论坛自动把空格去掉了``我可是手动一个一个加空格上去的。唉`` 挖哈哈。看着难过不？有没有头晕恶心的症状？恩``那是正常的。想当年我第一次玩CS转的我晕头转向，喝可乐都吐……哈哈。电脑真是容易让人晕眩……恩啦恩啦。讲课。
第一行就是调用CSS。我们现在打开CSS文件——main.css.html。（其实这个应该叫CSS的模版文件）
（1）
CSS文件全部遵守下面的格式：
样式名称 {
样式具体设置；
}
其中 {}分别代表样式设置的开始和结束，样式具体设置中行末尾的分号（;）一定要有，否则一定出错，错误表现是调用失败或一片空白……
关于样式具体设置的代码```额``那个其实只要懂得HTML语言就应该晓得````如果HTML语言也不了解``那还是不要尝试改模版了，乖乖用现成的吧````哈。不过用到的我还是会尽量说明白的。
CSS文件示例：
复制内容到剪贴板
代码:
a {
text-decoration: none;
color: {CSS_A};
background: Transparent;
}同时，DIV属于一种嵌套语言，也就是层层相套的关系：
复制内容到剪贴板
代码:
<div class="1">
<div class="2">
<div class="3">
</div>
<div class="4">
</div>
</div>
</div> 上例中，3和4两个同属于2，2属于1。2受到1的影响，3和4之间相对独立互不影响，但受到2和1的双重约束。
由此可以看出，index.html页首的<div class="main">其实总括了全局，包含了整个index页面，在这个页面的任何地方都可以调用main里的设置。
（待续）
PS:有关HTML语法，有兴趣的可以看看这里：
HTML语言教程[url]http://www.gzsums.edu.cn/webclass/html/html_design.html[/url]
