DIY框如何定义样式？

不得不承认我是人才{:soso_e102:}，

又让我自己解决了！

正在学作模板，求指点一下！

先看效果：要的样子就是这样的。


我自己要做一个模板，且样式差不多都写好了，现在问题就是套在DZ上面

我新建一个模板，在template\vsz，把默认模板中的common、portal复制在了里面
css命名为vsz_index.css,放在了template\vsz\common目录下，

第一个问题，css文件的导入是否正确：我奖template\vsz\partal\index.htm添加了一句：
<link  rel="stylesheet" type="text/css" />
或是：<link href="$_G['style']['styleimgdir']/vsz_index.css" rel="stylesheet" type="text/css" />
求解：这两个我现在用第一个，是否正确？

第二个问题，关于DIY框如何定义样式：
上图样式表如下：
#part1{ border-top:3px solid #fff; width:960px; margin:0 auto; overflow:hidden; zoom:1;}
#part1 .left{ border-right:1px solid #e28a8e; width:479px; font-size:14px; background:url() repeat-x 0 0;}
#part1 .left .txt{ color:#666; line-height:25px;}

第一个，我如何建呢？
建DIY框如何定义成#part1样式?

这样写可否正确？
如何定义第二个框的 #part1 .left 呢？

这样可对吗？

里面再加一个文章模块：

我是应在这个编辑样式里定义？
还是在属性，属性模板里定义？
目前我定义在属性模板里：
<div class="txt">
[loop]
    <h2><a href="{url}" title="{title}"{target} target="_blank">{title}</a></h2>
      <p>{summary}<a href="{url}" title="{title}"{target} target="_blank">[详细]</a></p>
[/loop]
</div>


没效果呀！
求指点！

多好的问题啊，居然没人回下，怎么把diy中的内容变好看，变成自己想要的，不是很重要吗？我想问的被楼主清晰的表达好了，等待答案