强大号码库资源任选，方便，快捷，快速开通。
咨询热线：400-1100-266
今天在网上看到一篇关于织梦模板修改基础知识的讲解教程，这篇教程通过介绍HTML和CSS的基础知识来讲解织梦CMS的模板结构，非常适合一些新手站长。于是经过整理和修改，现在发出来，提供给大家参考，希望对大家的所帮助。
一、模板中的HTML知识
1、下面我们来讲解HTML重要的组成部分——元素
我们打开Dedecms根目录/templets/default/index.htm文件，这个index.htm文件就是织梦CMS官方默认模板的首页模板。我们打开以后可以看到的是HTML页面以DOCTYPE开始，它的作用是声明文档的类型，且它之前不能有任何内容（包括换行符和空格），否则将使文档声明无效。
接着是<html>标签，以</html>结束。其中包含了很多代码；这就是一个元素。元素的定义是用标签来表示的功能和内容就是HTML的“元素”。
它的格式是:<标签名>[内容]</标签名>,我们DEDE模板调用标签和这个挺相似的；<head>，<body>元素都是嵌套在<HTML>元素中的，所以<html> 就是HTML页面的根元素且是必须存在的，大家可以看一下我们的首页模板，是不是这样的。
2.接下来我就来讲一下HTML中非常重要的标签
HTML标签大多是成对出现的，例：<body></body>，还有一种是空标签，例：<br />标签，作用是换行，标签大致可分为
块级标签： “块级标签”通常会在web页面中开始新的一行，并且常常会包含其他标签。模板页里的<div>、<p>及<ul>等标签都属于此类标签。
行内标签:通常是不会重新开一行，而且只能包含文本或者其他内置标签。模板页里的<a>、<strong>等标签都属于此类标签。
HTML 标签对大小写是不敏感的：<a> 和 <A> 的作用是相同的。推荐为小写, 养成一个好的习惯很重要。一个HTML页面里必须有的四个标签<html> <head> <title> <body> 。
在<head>标签中填写与该文件（HTML）的相关信息，<body>标签中填写的实际内容就是要在浏览器显示我们要看到的内容。在<head>标签中，只能有一个代表文件标题的标签，就是<title>标签，就是我们浏览器中做上角显示的内容。
下面我们主要来讲下首页模板被围在<body>元素中的标签都是做什么的？
<div>标签：DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，也称作 “层”。我们常用DIV+CSS来进行HTML布局，可以看到我们首页模板有很多<div>标签。所以这个标签对我们应用HTML很重要。
<dl> <ul> 我们做列表的时候会用到，他们都是列表标签。
<a>是链接的标签，大家应该会知道。
<hX> 标签表示为该内容为标题，X级别用数字1-6来表示。1代表最高级，6代表最底。<hX>标签应用很广泛，这里我告诉大家一个是，当用图象<img>当标题的话，也要用<h>~</h>括上，这样一来。在不能显示图像的情况下，可以用<img>标签的alt属性所指定的文字把标题显示出来。
<p> 标签表示该内容为一个段落；
<span>标签表示在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。
<strong>特别强调。
标签我们先介绍到这；当你将一个 HTML 文件存盘时，您即可以使用 HTM 也可以使用 HTML 作为扩展名。
3.下面我们来讲讲如何删除首页上的部分内容。我选择删除投票调查那部分，如图：
我们现在在模板里把投票调查那部分代码找到。找到后，选择删除就OK了。如图：
二、模板中的CSS知识：
1.CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式（CascadingStylesheet）
在讲下面内容之前，我们先打开首页模板中用到的CSS文件。
在首页模板代码模式下，可以看到
<link href="{dede:global.cfg_templeturl/}/style/织梦模板.css" rel="stylesheet" media="screen" type="text/css" />
这个是连接外部CSS的方式。我们可以在织梦模板根目录templetsstyle目录下找到 织梦模板.css文件；
@import url("layout.css");
@import url("page.css");
CSS中加载另外2个CSS文件,可能一会我们会用到这2个文件.
2.CSS的基本语法格式
CSS基本是是按照以下的的语法格式进行表示的：
选择符{属性：值}
*{
padding:0px;
margin:0px;
}
注意样式与样式之间要用分号隔开。选择符是用来指定针对哪一个标签应用样式表的部分。也就是那个*.
padding和margin属性，指的是表明选择器所使用的标签。0px,就是值，也就是我们所要表达的意思了。
这个是不需要指定的。
指定标签：用id属性和classs（类名）属性指定标签为对象的应用样式。定义ID选择符，名称前要加一个#，而类名则是.
在同一个HTML中类名可以指定多个，但ID名只能指定一处，这点注意。
3.下面我们针对首页模板进行下CSS的应用
我们对头条文章的标题的字号变的大一点，字体变成红色，，并设为斜体。
时间：9:00-21:00 (节假日不休)
版权所有:巨人网络(扬州)科技有限公司
总部地址：江苏省信息产业基地11号楼四层
《增值电信业务经营许可证》 苏B2-20120278
