利用不同样式改变相同xhtml结构的布局

这个只是一个简单的比较无聊的尝试，类似blog等一些网站的换肤功能都是以此方式改变网站的皮肤。对于这些方法大家会的比较多，没啥说的。主要我是想说的是，别为了样式而写结构，而是为了结构去写结构。

对于刚刚说的这点，说白其实就是大家写结构的时候不要因为某些标签的文字是大是粗的所以就用他，而不去写样式，我们应该是从语义上去着手。偏离了，不废话，直接看demo吧。

先看结构：

<div id="header">#header</div>
<div id="container">
    <div class="main-box">.main-box</div>
    <div class="sider-menu">.sider-menu</div>
    <div class="sider">.sider</div>
</div>
<div id="footer">#footer</div>

样式的话，大家有兴趣就自行查看源码下载吧，文件名就是编号不同。目前这个只是一个很简单的练习的东西，没考虑扩展性的问题，宽高都是固定的，下次有时间考虑一下带扩展性的东西吧。

查看演示