跟我学X-Spaces个人空间模板修改

    二、CSS和Div的关系

    所谓Div即层，CSS就是样式表的简称，DIV就如同一个房间的构架，它是用来定义我们这个空间有多少个房间，每个房间的大致用途的，而CSS，它就如同具体的装修方案。也就是说，我们的空间如同一个大楼，即使提供的房间都是同一样式，即DIV都一样的，只要我们能制定出不同的装修方案，那么我们每个人的空间都能保持自己的个性。之所以采用这种方式，是因为这样能够实现简单的样式定义，从而简化源代码，方便的实现样式的引用！CSS用来控制DIV的显示形式、位置等，这样做的好处是灵活、简便、方便维护。
       
    有了以上的了解，你对于CSS应该有了一个基本的认识，那么接下来，我们就要进开始修改模板了！

    三、模板CSS修改

    我们以X-Space自带的“黄色金秋”作为模版范例进行修改。

    第一步:前期准备

    1.打开两个浏览器窗口，第一个窗口打开博客首页页面，第二个窗口打开个人空间后台管理平台，然后选择[模版]－>[选择新模版]（如图1），然后选中“黄色金秋”点击[提交]按钮（如图2）。

图1

图2

    提交之后，点击[浏览模板]—>[编辑]。（如图3）

图3

    在打开[我的模板]页面中可以看到[主页面][索引页面][内容页面][样式表]等四项选择，点[样式表]就能看到该模板的CSS的内容，这就是我们要修改的部分。（如图4）

图4

    2.打开记事本，将CSS中的内容复制进去。目的很简单，给CSS做个备份，如果修改中出现问题就用记事本中的内容去恢复。

    3.准备一张色系表以便配色。

    4.收集你想用来作为背景或者其它图标的图片文件。（如图6）

图6(点击看大图)