最近我发现一些朋友在下载模板安装时发现内容错位，其实是CSS文件调用不当引起的，一般是CSS文件调用路径错误，所以今天我将要向大家介绍如何查找DEDECMS模板所调用的CSS文件。
最近我发现一些朋友在下载模板安装时发现内容错位，其实是CSS文件调用不当引起的，一般是CSS文件调用路径错误，所以今天我将要向大家介绍如何查找织梦模板模板所调用的CSS文件。
首先打开模板文件夹里的index.htm文件，这里可以清楚看到模板的所调用的css文件，大家找到：
<link href="{dede:global.cfg_templeturl/}/style/织梦模板.css" rel="stylesheet" media="screen" type="text/css" />
一般在index.htm里第八行里就是这一句，通过这句话大家可以看到一个css路径，也就是在\templets\style这个文件下的所有文件都是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的查找和应用. |
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！
