小花仙爱德文昏迷:Blog模板修改方法

1、先查看你主页面的源代码，可发现CSS定义来自于这个文件：http://bbs.ywms.net/space/css/space.css
2、把这个链接在浏览器里打开就可以看到这个CSS的内容了，此时你可以你的模板设置里的“样式表”中重新定义那些样式。比如
.itemsubject h4 {float: left;width: 35em;overflow: hidden;display: block;padding: 0.3em 0 0.3em 1.5em;font-size: 12px;margin: 0;background: url(../images/default/icon_subject.gif) no-repeat 0 5px;color: #7186B0;}
这个是文章列表的标题样式，我把那个小图标换成自己传上去的，把颜色改成深红，则只要在自己模板的样式表中写：
.itemsubject h4{background: url(http://bbs.ywms.net/space/attachments/2006/05/21/2006521_993f8d6f4d78ff259aa36ae49ab61cda.gif) no-repeat 0 5px;color:#900;}
3、space.CSS内容很长，你可以整个复制到你的样式表中然后进行修改。我是打开主页面的源代码看看我想改的地方的样式是什么名字，到space.css中找到它后再在自己的样式表中重新定义。
怎样？清楚了吗？
可以自定义CSS是幸福的，因为CSS实在太强大了，虽然你不能修改标签名，但可以重新定义它们，甚至可以完全去掉上面的广告——当然，如果广告不是很过分，就留着吧，毕竟我们是免费使用人家的空间和程序。

我这个blog模板的设计是沿用了我原来的blog的，只要修改一些样式名就可以了。原来的blog在这里。随便说一下，XS有不少地方不合W3C标准，比如<br>，标准写法应该是<br />，但这里会自动改成<br>，没办法。
blog与普通网页在设计上最大的不同，是要受该blog运营系统的限制，其对Html代码的开放程度和提供的特殊代码对设计会有一定的影响。比如我原来用的blogbus提供的自定义非常丰富，几乎整个页面元素你都可以随便你修改，包括文件头、每篇文章附的功能链接等等，而XS提供的并不多。
用CSS+DIV的设计，我相信是一个好习惯，整洁精练，易读，易修改，跨平台，跨浏览器，推荐。不喜欢用表格。
关于浏览器的不同。我现在基本上不用IE而用Firefox（推荐）。在设计的时候要注意在不同浏览器里查看浏览效果的差异，比如宽度width同样的px值，在IE和Firefox里的显示各不相同，因此用!important;进行处理——用IE浏览时会跳过!important;的设定，而用 Firefox会优先用!important;的设定，这样就可以使同一对象在不同浏览器里用不同的值，而使浏览显示一致。
关于CSS，推荐看这个网站：http://www.w3cn.org
用CSS+DIV的设计方法可以不用所见即所得的设计器，直接用记事本写代码就行了，但推荐用Dreamweaver的代码设计器写，因为它可以提供丰富的CSS代码拼写提示。