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

织梦教程 强烈建议 2024-06-16 10:36 68 0

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

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

  

  一般在index.htm里第八行里就是这一句,通过这句话大家可以看到一个css路径,也就是在 empletsstyle这个文件下的所有文件都是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模板文件。

本站资源均来自互联网或会员发布,如果不小心侵犯了您的权益请与我们联系。我们将立即删除!谢谢!