李金龙
dede仿站第九课：修修补补已关闭评论23,87446字数 929阅读模式
看完了上面的课程，你大概能把一个网站给防下来了，可你打开网站后你还会发现网站还有一堆内容要修改了，还有很多地方的图片没有，还有很多的样式不兼容。。。。还有很多的不理解。
这一课就是为了修补漏洞而为之。
如果你是刚来到我的博客，我觉得你需要看下前面的一些内容，方便你对接得上。
常见问题
- 缺少个图片要怎么找啊
右键函数，看右侧那个绿色地址，点击访问瞅瞅，复制好地址，去你仿的网站找找看，然后替换掉。
如果这层没看到，看好左侧那个蓝色背景的那一条，展开代码，往上或者往下去找代码。
- 修改个颜色，要怎么修改
鼠标放置在你需要修改的地方，右键函数，查看箭头方向的东西，可以测试下后面的颜色，瞅瞅你的颜色是否合适。不过这个是测试用的，刷新一下就跟你886了
红色箭头查找当前所使用的样式文件，后面的值为这段代码在样式文件里面多少行，你直接去找这个行就可以了，修改保存，刷新网页完成。
- 你说了仿新闻资讯页面，你没说产品页面啊，那个要怎么做啊？
- <!-- 新闻调用 -->
- {dede:list pagesize="10"}
- <div class="item">
- <div class="pic"><a href="[field:arcurl/]" title="[field:title /]"><img src="[field:litpic/]" width="225" height="130" alt="[field:title /]"></a></div>
- <div class="newabout">
- <p class="biao" ><a class="se" href="[field:arcurl/]" style="" title="[field:title /]">[field:title /]</a></p>
- <div class="txt">[field:description/]...</div>
- <div class="more"><a href="[field:arcurl/]" title="[field:title /]">了解详情>></a></div>
- </div>
- </div>
- {/dede:list}
- <!-- 产品调用 -->
- {dede:list pagesize="10"}
- <li>
- <div class="photo"><img src="[field:litpic/]" width="260" height="270" alt=""/></div>
- <div class="rsp"></div>
- <div class="text"><a href="[field:arcurl/]" style="" target="_blank" title="[field:title /]"><h3>[field:title /]</h3></a></div>
- </li>
- {/dede:list}
来，你告诉我，这个其要怎么在写一篇出来，所谓的不同的完全都是布局的不同，而标签本身没发生什么改变，所以也就没有了专门去写产品页怎么仿了。
- 导航上面第一个怎么让他靠最前面，修改样式整个位置就全部移动了
关于这点，在未深入学习CSS的时候也同样遇到了这样的问题，后面就知道怎么破了。
如果你是以左边为参考作为参考的，可以修改
- padding-left:10px修改为padding-ringht:10px，这样第一个就没有向左移动的值了，全部是向右占位了。
- 使用伪类来修改： .lee li:first-child（首个子对象）针对margin-left:10px,进行的首位去除margin-left:0;属性 (.lee li为随意命名，请参考当下你需要的样式)，除了最开始一个，还有最后一个:last-child，还有重复性的:nth-child(n)，这个大家需要的话，可以去查看CSS的相关伪类教程。
- 默认的缩略图怎么替换成自己的图啊？
知识要活学活用，上面有提到查看图片地址了，那么久直接去替换掉这个图就好了。