冰剑'blog

最近在做首页改版中的一点思考
首页效果图

图片比较小，可以在这里看效果
http://www.ejo.cc/
这里我想说的是网页的样式命名规则
这里是鬼哥的一篇文章，里面已经谈了很多了
【样式命名规则】

我在做这个页面的时候起初没有考虑的太周全，我的这个效果图其实每一块都有公用的部分的，这样的话就可以把公用的部分先都写出来，之后在每个栏目增加一个大的外围
比如：第一个栏目新闻:我就用.news，第二个新房，就用newhouse

然后左边的可以写成.mainbox 中间的.siderbox 右边的.extrabox，宽度是一致的可以定义相同的部分，比如宽度，比如行高之类的
然后在每个栏目里，再定义不相同的部分，比如高度，比如标题图片等

例如：

<br/>.news .mainbox {height:250px;}<br/>.newhouse .mainbox {height:100px;}<br/><br/><div class="news"><br/>        <div class="mainbox">这个高250px</div><br/></div><br/><div class="newhouse"><br/>        <div class="mainbox">这个高100px</div><br/></div><br/>

这样做既可以节省代码，又使你的html结构看起来很整洁。