织梦模版与CSS

《织梦模版与CSS》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、看织梦DEDECMS去修改模板及CSS调用首先，打开后台——模板——默认模板管理——index.htm.看到有一句，说明，我们模板是根据这个CSS来布局网页的，于是我们就打开网站目录下面的templetsstylededecms.css.然后来分析一下CSS的构成。我们根据主页的调用，来研究CSS这样容易理解。我们打开主页模板，找到：

2、="w960centerclearmt1">那么w960centerclearmt1都定义了什么呢？我们打开DEDECMS.CSS找打相关的定义。    .center{1.    margin:0pxauto;定义了CSS模块的边缘位置都是0，也就是这个center的层距离上右下左都是0px;2.}3..w960{4.    width:960px;定义了整体的宽度为960px;5.    6.}7..pright.infos_userinfo{8.    margin-bottom:0px;定义了首页右部下的互动中心的下面边缘为0px;9.}10..mt1{1

3、1.    margin-top:8px;定义了mt1的顶部边缘为8px;12.}13..pright.mt1{14.    margin-top:0px;定义了pright下面的mt1顶部边缘为0px;15.}16..mt2{17.    margin-top:16px;顶部边缘为16px;18.}19..clear{20.    overflow:hidden;如果clear层里面的内容超出了层的范围就隐藏起来。21.}           这个pleft的定义没有在dedecms.css中，但是我们会发现一句话@impor

4、turl("layout.css");@importurl("page.css");这说明，在dedecms.css中引用了page.css和layout.css这两个样式表，于是我们就在page.css中找到了pleft的定义.pleft{width:712px;定义了宽度float:left;该层向左浮动overflow:hidden;超出范围则隐藏}       在该层下面调用的是新闻头条的内容，看看它的css.index.bignews{width:424px;height:400px;float:right;向右浮

5、动border:1pxsolid#DFF2F5;表示边框线用#dff2f5的实体颜色填充background:url(../images/headbg-top.gif)repeat-x;背景图片为headbg-top.gif  并且横向平铺overflow:hidden;超出则隐藏。}所以，我们看到头条的这部分是在flash幻灯片右边显示，并且加上了浅蓝色的边框线。                再来看看onenews是如何定义的。       .index.bignews.onenews{margin:0

6、3px03px;左右外边距分别空3个像素padding:7px6px;上左内边距分别空7，6个像素border-bottom:1pxdashed#EBEBEB;下边框加一个#ebebeb的虚线}所以我们看见头条的文章左右都有一定的距离，并且下面还有一个虚线显示