在做dedecms5.6的时候，经常会遇到很多问题，对于我们建站菜鸟来说，修改个把简单的html页面，勉强还能应付，但一旦涉及 到CSS,JS,PHP的就立马两眼摸黑，昏头转向了，下面是在建站过程中，看到了一些比较好的CSS介绍，挺实用的，就转载过来与大家分享了。
在dedecms.css找到.header .nav这里是航栏的长适度或背
.header .nav{
width:100%; 导航栏的宽度，默认是自适应，全屏大小。改为960px即可实现与body部分相同宽度。
height:32px;
background:url(../images/nav-bg.gif) repeat-x;这里是修改导航栏北景，可以用背景图片也可以直接用纯色。
clear:both;
overflow:hidden;
}
修改下面的搜索和热门标签与导航栏的宽度修改类似，只不过是在dedecms.css修改.header .search
导航栏目间距的修改方法
header .nav ul li a{ height:32px; padding:0px 16px 0px 17px; display:block; color:#FFF; float:left;
其中 padding:0px（top） 16px （right） 0px （bottom） 17px （left），
很简单 缩小right和left的数值即可减小各个栏目之间的距离
修改首页字体颜色，栏目样式
dedecms.css里面
a {color:#666666;text-decoration:none;}控制本月热点.推荐内容.图文资讯还有网站最底部带超链接的字的颜色。
header a {color:#666666;}控制热门标签的颜色。
footer .copyright {color:#666666;}网站底部非超链接字的颜色。
在：layout.css里面
f5 li a {color:#******;float:left;}控制友情链接字的颜色。
page.css里面
index .bignews a {color:#000000;}控制首页头条和头条下面的字颜色。<不包括头条简介>
index .bignews .onenews p {line-height:19px;color:#000000;}头条简介字的颜色。
index .latestnews ul a {color:#000000;}最近更新字的颜色。
index .listbox ul a {color:#000000;}这个是自己添加的栏目文章标题字的颜色。
index .usercenter .tbox dd#loading{
display:block;
text-align:center;
line-height:200px;
letter-spacing:2px;
color:#******;}首页评论字的颜色
修改幻灯片的大小可以通过修改首页模板和page.CSS来实现，修改幻灯片要影响到其它部分显示
<script language=\’javascript\’>
linkarr = new Array();
picarr = new Array();
textarr = new Array();
var swf_width=320; 幻灯片的宽
var swf_height=450; 幻灯片的的高
在page.CSS中找到以下部分
.index .flashnews{
width:幻灯片的宽写上模板中的相应数值即可
height:幻灯片的的高写上模板中的相应数值即可
overflow:hidden;
float:left;
}
图文资讯图片大小的修改方法
找到layout.css文件,搜索 e1 li a img{ 把下面的数值改成你想要的即可.
.header .nav ul li a{
height:32px;
padding:0px 13px 0px 14px;
display:block;
color:#FFF; font-size:13px;
font-weight:bold;
float:left;
}
给网站加上背景，这里说的是用纯色，用背景图片当然也可以。
打开dedecms.css把原来的代码：
html{
background:#FFF;
}
body{
font:12px Verdana,Arial,Tahoma;
}
更改为：
html{
text-align: center;
background: #669900;
}
body{
font:12px Verdana,Arial,Tahoma;
width: 970px;
text-align: left;
margin: 0 auto;
background: #fff;
}
此法设置背景，当网页窗口大小变化时会出生错位，用CSS中position:relative;可以搞定如
.header .search{
width:960px;
position:relative;
}
