当前位置：首页 > CMS教程 > dedecms

如何查找DEDECMS模板调用的CSS文件

管理员 2014-09-04

dedecms

123

最近我发现一些朋友在下载模板安装时发现内容错位，其实是CSS文件调用不当引起的，一般是CSS文件调用路径错误，所以今天我将要向大家介绍如何查找织梦模板模板所调用的CSS文件。

首先打开模板文件夹里的index.htm文件，这里可以清楚看到模板的所调用的css文件，大家找到：

<link href="{dede:global.cfg_templeturl/}/style/织梦模板.css" rel="stylesheet" media="screen" type="text/css" />
一般在index.htm里第八行里就是这一句，通过这句话大家可以看到一个css路径，也就是在templetsstyle这个文件下的所有文件都是dede默认模板的css文件，而index.htm的css就是织梦模板.css。

打开这个css文件后大家还会看到：
@import url("layout.css");
@import url("page.css");

这两句的意思就是织梦模板.css这个css文件还引用了layout.css和page.css这2个css文件。

通过查看织梦模板.css文件大家可以发现这个css主要控制的是所有模板文件的头部和尾部以及所有css的全局设计。

大家找到/*---------- base ---------*/这句下面一直到/*---------- frame ---------*/这里基本上都是全局css

下面的透过看单词就明白是header和foot的css也就是模板的头尾部css。

关于page和layout这两个css是关于列表部分css、翻页css、以及一些通用的css，大家可以通过查看css了解一下。

下面我为大家举个例子讲解一下css的对应关系和部分标签的基础应用：请大家打开head.htm模板文件。

首先大家打开head.htm后会看到<div class="header">这句话
那么其中的header就是一个定义为header的css。

那我们可以复制header，然后再织梦模板.css
里用Ctrl+f来查找有关header的所有css定义。

其它css的查找同样，如果你在某个css文件中找不到相应的css那么就在其他几个css文件中查找，然后修改，至于具体怎么修改css就不再本次讲解之内了，有关css的学习在网上有很多教程。

在这里只是简单说明一下css的查找和应用.

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

未经允许不得转载：Str Tom工作室 » 如何查找DEDECMS模板调用的CSS文件

各类知识收集，PHP技术分享与解决方案

如何查找DEDECMS模板调用的CSS文件

相关推荐

文章