a.img20 img,img.img20 { border:1px solid #ccc; padding:1px;width:20px; height:20px;}

　　例如:这个,为什么后面有个(img.img20) ,这个是不代链接的,在图片后加上这个样式,图片上就会有边框而且不代链接a.img20 img,这个是给图片代链接用的<a class="img20">图片</a>这样图片就会代链接
　　还有就是你网站里经常用到的框架比较多的把它写出来,写好后下边要做的工作就是把你写的这些样式,
另做一个html页面,把你这些样式都在html页面里做出来,分好栏目!

　　例如:文字样式 文字链接样式 图片样式 框架样式 常用样式
　　都做好后,当你浏览时,页面显示的效果就是你写的样式的效果.这些工作做完后你就可以给你的网站进行修理了!
　　当你需要用到共有里的样式时,你就打开那个html页面,找相对应的那个样式!直接拿过去套用就可以了,不用再去css里找了!
　　这样方便!而且还能直接看到效果~