商业源码织梦教程 2023-09-19 20:17:02

dede模板制作教程

phpcms优点：

1模块化安装，非常适合安装，拆卸，和拿到市场上去交易非常方便的。

2灵活的标签语法，非常强大。

3缓存做的非常优秀。几乎支持目前主流的几大缓存系统解决方案，file缓存，eaelerator缓存，memcache缓存，shmop缓存等

4安全性也不错的。后台为了防范入侵，采用了cookie和session同时存在验证技术，才可以安全进入后台。

多次登录失败，开启验证码功能。防止机器人频繁猜口令。

5数据库。在根目录下的include目录下，db_aessphpdb_mssqlphpdb_mysqlphp等，就照着他的方法，在增加几个也没问题的。

6兼容性。是在php4的基础上开发的，所以向下兼容性是不错的。在include/globalfuncphp这个文件可以看到很多if(!function_exist()){}，这些代码就是为了兼容php4相关函数。

phpcms缺点：

1后台对应的模块的功能列表url,从数据库中读取的，也即是，安装的时候，将url写入数据库了。这个如果二次开发要修改的话，不是很方便的，最好是写到文件中，读取文件内容，方便开发者开发，而且也更容易维护，如果是出于安全考虑的话，不妨加下密也可以的。

2分部式。后台的某些功能模块，还是要调用各个应用模块的admin部分，相关＊．inc．php文件．如果我要把其中某个模块或应用独立出去部署到其他的服务器上，就不方便了。

3数据库设计问题，后台开设模型时，表的引擎只能是myIsam,而不能选择其他的，字段的类型，比如要开设一个字段为number,类型为int,但是在新增加的模型表中还是以varchar出现，而不是int,长度是默认的255modelfiled表，才发现该系统是将类型写到该表中了。

4加密/解密程序。目前已经在想相关安全网站已被爆以破解。这也不是什么新闻了。在开发中，关注下相关安全厂商发布的漏洞。

5数据库抽象层。就以上提到的几个数据库文件。db_mssqlphpdb_mysqlphpdb_aessphp等对于数据库分布式，应该没问题的。数据库抽象层处理数据比较快，且快平台更容易且更容易维护，这个是需要考虑的。

Dedecms功能实用，模板功能使用简单。

linkarr = new Array();

picarr = new Array();

textarr = new Array();

var swf_width=280;

var swf_height=192;

var files = "";

var links = "";

var texts = "";

//这里设置调用标记

{dede:arclist flag='f' row='5'}

linkarr[[field:globalautoindex/]] = "[field:arcurl/]";

picarr[[field:globalautoindex/]] = "[field:litpic/]";

textarr[[field:globalautoindex/]] = "[field:title function='html2text(@me)'/]";

{/dede:arclist}

for(i=1;i<picarrlength;i++){

if(files=="") files = picarr[i];

else files += "|"+picarr[i];

}

for(i=1;i<linkarrlength;i++){

if(links=="") links = linkarr[i];

else links += "|"+linkarr[i];

}

for(i=1;i<textarrlength;i++){

if(texts=="") texts = textarr[i];

else texts += "|"+textarr[i];

}

documentwrite('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownloadmacromediacom/pub/shockwave/cabs/flash/swflashcab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');

documentwrite('<param name="movie" value="{dede:global$cfg_templeturl/}/images/bcastr3swf"><param name="quality" value="high">');

documentwrite('<param name="menu" value="false"><param name=wmode value="opaque">');

documentwrite('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');

documentwrite('<embed src="{dede:globalcfg_templeturl/}/images/bcastr3swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="http://wwwmacromediacom/go/getflashplayer" />'); documentwrite('</object>');

</script> 用这个就OK的

Arclist 标记

　　这个标记是DedeCms最常用的一个标记，也叫自由列表标记，其中 hotart、coolart、likeart、artlist、imglist、imginfolist、specart、autolist 这些标记都是由这个标记所定义的不同属性延伸出来的别名标记。

功能说明：获取指定的文档列表

适用范围：封面模板、列表模板、文档模板

基本语法：{dede:arclist typeid='' row='' col='' titlelen='' infolen='' imgwidth='' imgheight='' listtype='' orderby='' keyword=''}底层模板(InnerText){/dede:arclist}

属性说明：[1] typeid='' 表示栏目ID，在列表模板和档案模板中一般不需要指定，在封面模板中允许用","分开表示多个栏目；[2] row='' 表示返回文档列表总数；[3] col='' 表示分多少列显示（默认为单列）；[4] titlelen='' 表示标题长度；[5] infolen='' 表示内容简介长度；[6] imgwidth='' 表示缩略图宽度；[7] imgheight='' 表示缩略图高度；[8] type='' 表示档案类型，其中空值、不使用这个属性或type='all'时为普通文档§ type='commend'时，表示推荐文档，等同于 {dede:coolart}{/dede:coolart}§ type='image'时，表示必须含有缩略的文档，等同于{dede:imglist}{/dede:imglist}、{dede:imginfolist}{/dede:imginfolist}§ type='spec'时，表示专题，等同于标记{dede:specart}{/dede:specart}以上属性值可以联合使用，如： type='commend image' 表示推荐的文档[9] orderby='' 表示排序方式，默认值是 senddate 按发布时间排列。 § orderby='hot' 或 orderby='click' 表示按点击数排列§ orderby='pubdate' 按出版时间排列（即是前台允许更改的时间值）§ orderby='sortrank' 按文章的新排序级别排序（如果你想使用置顶文章则使用这个属性）§ orderby='id' 按文章ID排序§ orderby='postnum' 按文章评论次数排序§ orderby='rand' 随机获得指定条件的文档列表[10] orderway='' 值为 desc 或 asc ，指定排序方式是降序还是顺向排序，默认为降序。[11] keyword='' 表示含有指定关键字的文档列表，多个关键字用","分开[12] channelid='' 表示特定的频道模型ID，内置的频道：专题(-1)、文章(1)、图集(2)、Flash(4)、软件(3)[13] limit='起始,结束' 表示限定的记录范围，row属性必须等于"结束 - 起始"，mysql的limit语句是由0起始的，如 “limit 0,5”表示的是取前五笔记录，“limit 5,5”表示由第五笔记录起，取下五笔记录，使用了本属性后，row属性将无效。[14] att='数值' 表示自定义属性值[15] subday='天数' 表示在多少天以内的文档，通常用于获取指定天数的热门文档、推荐文档、热门评论文档等[16] partsort='排列位数'表示自动获得父栏目的所有子数中排列在第几位的栏目ID，标记为 {dede:autolist}{/dede:autolist} 时，使用本属性才有效。

底层模板字段：ID(同 id),title,iscommend,color,typeid,ismake,description(同 info),writer,shorttitle,memberidpubdate,senddate,arcrank,click,litpic(同 picname),typedir,typename,arcurl(同 filename),typeurl,stime(pubdate 的"0000-00-00"格式),textlink,typelink,imglink,image 其中：textlink = <a href='arcurl'>title</a>typelink = <a href='typeurl'>typename</a>imglink = <a href='arcurl'><img src='picname' border='0' width='imgwidth' height='imgheight'></a>image = <img src='picname' border='0' width='imgwidth' height='imgheight'> 字段调用方法：[field:varname/]如：{dede:arclist infolen='100'}[field:textlink/]<br>[field:info/]<br>{/dede:arclist} 注：底层模板里的Field实现也是织梦标记的一种形式，因此支持使用PHP语法，Function扩展等功能如：给当天发布的内容加上 (new) 标志[field:senddate runphp='yes'] $ntime = time();$oneday = 3600 24;if(($ntime - @me)<$oneday) @me = "<font color='red'>(new)</font>";else @me = "";[/field:senddate]

Field 标记功能说明：用于获取特定栏目或档桉的字段值及常用的环境变量值适用范围：封面模板、列表模板、文档模板(1)基本语法{dede:field name='字段名'/}(2) 系统分配的field板块模板：phpurl,indexurl,indexname,templeturl,memberurl,powerby,webname,specurl 列表模板：position,title,phpurl,templeturl,memberurl,powerby,indexurl,indexname,specurl,栏目表dede_arctype的所有字段其中 position 为 “栏目一 > 栏目二” 这样形式的链接，title则为这种形式的标题文档模板：position,phpurl,templeturl,memberurl,powerby,indexurl,indexname,specurl,id(同 ID,aid)(3) 文档所有内容字段档案dede_archives表和附加表的所有字段。 Channel 标记功能说明：用于获取栏目列表适用范围：封面模板、列表模板、文档模板 (1)基本语法{dede:channel row='' type=''}自定义样式模板(InnerText){/dede:channel} (2)属性 [1] row='数字' 表示获取记录的条数（通用在某级栏目太多的时候使用，默认是 8） [2] type = top,sun/son,self type='top' 表示顶级栏目type='son' 或 'sun' 表示下级栏目type='self' 表示同级栏目其中后两个属性必须在列表模板中使用。 (3)底层模板变量ID,typename,typedir,typelink(仅表示栏目的网址) 例：{dede:channel type='top'}<a href='[field:typelink /]'>[field:typename/]</a> {/dede:channel} 注：在没有指定typeid的情况下，type标记与模板的环境有关，如，模板生成到栏目一，那么type='son'就表示栏目一的所有子类Type 标记别名 onetype功能说明：表示指定的单个栏目的链接适用范围：封面模板、列表模板、文档模板(1)语法 {dede:type typeid=''}{/dede:type}(2)属性 typeid='栏目ID'(3)底层模板变量typename,typelink(仅表示栏目的网址)Autochannel 标记功能说明：表示指定排序位置的单个栏目的链接适用范围：封面模板、列表模板、文档模板(1)语法 {dede:autochannel partsort=''}{/dede:autochannel}(2)属性 partsort='栏目所在的排序位置'(3)底层模板变量typename,typelink(仅表示栏目的网址)Mytag 标记功能说明：用于获取自定义宏标记的内容适用范围：封面模板、列表模板、文档模板 (1)基本语法{dede:mytag typeid='' name='' ismake=''/} (2)属性[1] typeid = '数字' 表示栏目ID，默认为 0，在没有设定的栏目没有定义这个名称的标记，会按如下搜索方式来搜索“先向上查找父栏目 -> 通用标记（typeid=0）的同名标记”。 [2] name = '' 标记名称。 [3] ismake = yes|no 默认为 no 表示mytag里的内容不包含其它封面模板的标记，yes则表示标记内容含有其它封面模板标记。 Vote 标记功能说明：用于获取一组投票表单适用范围：封面模板 (1) 基本语法{dede:vote id='投票ID' lineheight='22'tablewidth='100%' titlebgcolor='#EDEDE2'titlebackground='' tablebgcolor='#FFFFFF'}{/dede:vote} 注：本标记直接生成投票的HTML表单，为了让你更方便修改其样式，建议在后台->投票管理的地方直接复制生成的HTML代码来使用。Flink 标记，等同 friendlink功能说明：用于获取友情链接适用范围：封面模板 (1)基本语法{dede:flink type='' row='' col='' titlelen='' tablestyle=''}{/dede:flink}(2)属性[1]type：链接类型，值：a textall 全部用文字显示b textimage 文字和图得混合排列c text 仅显示不带Logo的链接d image 仅显示带Logo的链接-------------------------------------[2]row：显示多少行，默认为4行[3]col：显示多少列，默认为6列[4]titlelen：站点文字的长度[5]tablestyle：表示 <table 这里的内容> Mynews 标记功能说明：用于获取站内新闻适用范围：封面模板 (1) 基本语法{dede:mynews row='条数' titlelen='标题长度'}Innertext{/dede:mynews}(2)属性[1] row 新闻条数[2] titlelen 标题长度(3)底层模板变量[field:title/]、[field:writer/]、[field:senddate function="strftime('%y-%m-%d %H:%M',@me)"/](时间)、[field:body/] LOOP 标记功能说明：用于调用任意表的数据，一般用于调用论坛贴子之类的操作适用范围：所有模板(1) 基本语法{dede:loop table=' sort='' row='' if=''} 底层模板{/dede:loop} (2) 属性[1] table 表示查询的数据表[2] sort 用于排序的字段[3] row 返回结果的条数[4] if 查询条件(3)底层模板变量这个标记的底层模板变量即是被查询表的所有字段例：获取Phpwind论坛的最新主题贴子 {dede:loop table='pw_threads' sort='tid' row='8' if=''} ·[field:subject function="cn_substr('@me',30)"/]

([field:lastpost function="date('m-d H:M','@me')"/])

{/dede:loop}Channelartlist 标记功能说明：用于获取当前频道的下级栏目的内容列表适用范围：封面模板 (1)基本语法{dede:channelArtlist typeid=0 col=2 tablewidth='100%'}<table width="99%" border="0" cellpadding="3" cellspacing="1" bgcolor="#BFCFA9"><tr><td bgcolor="#E6F2CC">{dede:type}<table border="0" cellpadding="0" cellspacing="0" width="98%"><tr><td width='10%' align="center"><img src='[field:global name='cfg_plus_dir'/]/img/channellistgif' width='14' height='16'></td><td width='60%'><a href="[field:typelink /]">[field:typename /]</a></td><td width='30%' align='right'><a href="[field:typelink /]">更多</a></td></tr></table>{/dede:type}</td></tr><tr><td height="150" valign="top" bgcolor="#FFFFFF">{dede:arclist row="8"}·<a href="[field:arcurl /]">[field:title /]</a><br>{/dede:arclist}</td></tr></table><div style='font-size:2px'> </div>{/dede:channelArtlist} 除了宏标记外，channelArtlist 是唯一一个可以直接嵌套其它标记的标记，不过仅限于嵌套 {dede:type}{/dede:type} 和 {dede:arclist}{/dede:arclist} 两个标记。 (2) 属性[1]typeid=0 频道ID,默认的情况下，嵌套的标记使用的是这个栏目ID的下级栏目，如果你想用特定的栏目，可以用","分开多个ID。 [2]col=2 分多列显示 [3]tablewidth='100%' 外围表格的大小 List 标记功能说明：表示列表模板里的分页内容列表适用范围：仅列表模板 list_htm(1)基本语法{dede:list col='' titlelen='' infolen='' imgwidth='' imgheight='' orderby='' pagesize=''}{/dede:list} (2)属性[1]col 内容列数[2]titlelen 标题长度[3]infolen 内容摘要长度[4]imgwidth 缩略图宽[5]imgheight 缩略图高[6]orderby 排序方式，有效的排序方式有 senddate、pubdate、id、click、lastpost、postnum ，默认为 sortrank [7]pagesize 分页大小(3)底层模板变量 ID(同 id),title,iscommend,color,typeid,ismake,description(同 info),postnum,lastpost,shorttitlepubdate,senddate,arcrank,click,litpic(同 picname),typedir,typename,arcurl(同 filename),typeurl,stime(pubdate 的"0000-00-00"格式),textlink,typelink,imglink,image 注：list标记除了支持档案表的基本模板变量外，还支持附加表的字段，你可以在模型管理中知道附加表支持列表使用的字段有哪些。Page 标记功能说明：表示分页页面的附加参数适用范围：列表模板语法： {dede:page pagesize="每页结果条数"/} 注：此标记在dedecms31中已经过期，dedecms31中直接把 pagesize属性加在 list 标记中，表示记录分页大小。Pagelist 标记功能说明：表示分页页码列表适用范围：列表模板 (1)语法{dede:pagelist listsize='3' listitem=''/} (2)属性 [1] listsize 表示 [1][2][3] 这些项的长度 x 2 [2] listitem 表示页码样式，可以把下面的值叠加index　　首页pre 上一页pageno 页码next 下一页end 末页option 下拉跳转框例： {dede:pagelist listsize='3' listitem='index pre pageno next end option'/} Pagebreak 标记功能说明：表示文档的分页链接列表。适用范围：仅文档模板。语法：{dede:pagebreak/} Prenext 标记功能说明：表示获取文档“上一篇／下一篇”的链接列表。适用范围：仅文档模板。 (1)语法：{dede:prenext/} (2)属性：[1] get 获取连接类型（仅2007版），get='' 同V4显示横排的上下页连接， get='pre' 上一篇的连接 get='next' 下一篇连接注：此标记默认为横向排列，如果你想用竖向排列，可以用{dede:prenext function="str_replace(' 下一篇：','<''br'' />下一篇：',@me)"/} 表示 Pagetitle 标记功能说明：表示获取文档的分页标题适用范围：仅文档模板。 (1)语法：{dede:pagetitle style='select'/}(2)属性：style 表示分页标题的展示样式select 表示下拉框、link 表示文字直接链接Fieldlist 标记功能说明：获得附加表的所有字段信息。适用范围：仅文档模板。语法：{dede:fieldlist}[field:name/] ： [field:value/] <br>{/dede:fieldlist} Myad 标记功能说明：获取广告代码适用范围：所有模板。建议在广告管理模块中获取，在此不作描述 ################################################################ 以下仅适用于DedeCms2007版 ##############################################################Ask 标记功能说明：用于获取最新的问答的主题。适用范围：非扩展模块所有模板。 (1)语法：{dede:ask row='' qtype=''}底层模板{/dede:ask} (2)属性：[1] row 记录条数。[2] qtype 类型默认为新回复问题，commend推荐问题 ok已解决问题 high高分问题 (3)底层模板：<dd><span class="tclass">[<a href='[field:typeurl/]'>[field:tidname/]</a>]</span><span class="tlink"><a href="[field:url/]">[field:title/]</a></span></dd>[field:typeurl/] 栏目网址 [field:tidname/] 栏目名称[field:url/] 问题网址 [field:title/] 问题标题 [field:id/] 问题idSql 标记功能说明：用于从模板中用一个SQL查询获得其返回内容。适用范围：非扩展模块所有模板。 (1)语法：{dede:sql sql=""}底层模板{/dede:sql} (2)属性：[1] sql 完整的SQL查询语句。(3)底层模板：SQL语句中查出的所有字段都可以用[field:字段名/]来调用。Group 标记功能说明：获取特定条件的圈子。适用范围：非扩展模块所有模板。 (1)语法：{dede:group row="个数" orderby='排序条件' }底层模板{/dede:group} (2)属性：[1] row 返回结果个数。[2] orderby 排序条件，一般为：默认 threads 发贴量， members 会员数， hits 浏览量， stime 创建时间。 (3)底层模板：[field:url/]圈子网址 [field:groupname/]圈子名称 [field:icon/]圈子图标 [field:groupid/] 圈子IDGroupthread 标记功能说明：获取圈子最新发表的主题。适用范围：非扩展模块所有模板。 (1)语法：{dede:groupthread gid='' row='' orderby='' orderway=''}底层模板{/dede:groupthread} (2)属性：[1] gid='' 圈子分类，为空或0刚表示所有分类[2] row='' 条数 [3] orderby='' 排序条件默认 dateline[4] orderway=' 排序方向 desc 或 asc (3)底层模板：[field:url/]圈子网址 [field:groupname/]圈子名称 [field:icon/]圈子图标 [field:groupid/] 圈子IDbooklist 标记功能说明：用于获取最新连载图书。适用范围：连载书库。 (1)语法：{dede:booklist row='' booktype='' titlelen='' orderby='' catid='' author='' imgwidth='' imgheight=''}底层模板{/dede:booklist} (2)属性：[1] row='' 行数 [2] booktype='' 图书类型 1 漫画，0 小说， -1 或默认全部 [3] titlelen='' 标题长度[4] orderby='' 排序[5] catid='' 栏目ID[6] author='' 作者[7] imgwidth='' [8] imgheight=''(3)底层模板：contenttitle,contentid,contenturl,dmbookurl,bookurl,catalogurl,cataloglink,booklink,contentlink,imglink,ischeck,booktypenamecatalog 标记功能说明：用于获取书库的栏目。适用范围：连载书库。 (1)语法：{dede:catalog type=''}底层模板{/dede:catalog} (2)属性：[1] type 类型默认为顶级栏目，type=son 表示当前栏目的子栏目，指定特定的栏目id则为所指定的栏目。 (3)底层模板：本标记支持in嵌套，里面的in标记还可以再使用一重样式{dede:catalog}<dd><a href="{in:field name='url'}{/in:field}">{in:field name='classname'}{/in:field}</a></dd>{/dede:catalog}列出所有分类：{dede:catalog}<div class="book_class_form"><dl><dt><a href="{in:field name='url'}{/in:field}">{in:field name='classname'}{/in:field}：</a></dt>{in:sonlist}<dd> <a href='[field:url/]'>[field:classname/]</a></dd>{/in:sonlist}</dl><div class="clear"></div></div>{/dede:catalog}chapter 标记功能说明：用于获取图书的章节列表，适用于book_bookhtm。适用范围：连载书库。 (1)语法：{dede:chapter}底层模板{/dede:chapter} (2)属性：(3)底层模板：url 网址 ch 章节 title 标题 contentlist 标记功能说明：用于获取最新图书章节。适用范围：连载书库。 (1)语法：{dede:contentlist row='' booktype='' titlelen='' catid=''}底层模板{/dede:contentlist} (2)属性：[1] row 条数 [2] booktype 图书类型 1 漫画，0 小说， -1 或默认全部 [3] titlelen[4] catid 栏目ID(3)底层模板：contenttitle,contentid,contenturl,dmbookurl,bookurl,catalogurl,cataloglink,booklink,contentlink,imglink,ischeck,booktypename本标记实际是由booklist引申的，不同之处是按book的最新发表章节排序

做模版文件只需要修改以下几个文件就可以了

indexhtm、list_articlehtm、article_articlehtm文件

修改好后，把templets--->default中的文件覆盖掉就可以了

参考下面方法

首先，打开后台——模板——默认模板管理——indexhtm

看到有一句，

rel="stylesheet" media="screen" type="text/css" />说明，模板是根据这个 CSS 来布局网

页的，于是就打开网站目录下面的templets\style\dedecmscss然后来分析一下CSS的构成。

根据主页的调用，来研究 CSS 这样容易理解。打开主页模板，找到：

那么 w960 center clear mt1 都定义了什么呢？打开 DEDECMSCSS 找打相关的定义。

center{

1 margin:0px auto; 定义了CSS 模块的边缘位置都是 0，也就是这个center 的层

距离上右下左都是 0px;

2 }

3 w960{

4 width:960px; 定义了整体的宽度为 960px;

6 }

7 pright infos_userinfo {

8 margin-bottom: 0px; 定义了首页右部下的互动中心的下面边缘为 0px;

9 }

10 mt1{

11 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 的定义没有在dedecmscss 中，但是会发现一句

话

@import url("layoutcss");

@import url("pagecss");

这说明，在dedecmscss 中引用了 pagecss 和layoutcss 这两个样式表，于是就在

pagecss 中找到了pleft 的定义

pleft{

width:712px;定义了宽度

float:left;该层向左浮动

overflow:hidden;超出范围则隐藏

}

在该层下面调用的是新闻头条的内容，看看它的 css

index bignews{

width:424px;

height:400px;

float:right; 向右浮动

border:1px solid #DFF2F5;表示边框线用 #dff2f5 的实体颜色填充

background:url(/images/headbg-topgif) repeat-x;背景为 headbg-topgif 并且横

向平铺

overflow:hidden;超出则隐藏。

}

所以，看到头条的这部分是在 flash 幻灯片右边显示，并且加上了浅蓝色的边框线。

再来看看 onenews 是如何定义的。

index bignews onenews{

margin:0 3px 0 3px; 左右外边距分别空3 个像素

padding:7px 6px;上左内边距分别空7，6 个像素

border-bottom:1px dashed #EBEBEB;下边框加一个 #ebebeb 的虚线

}

所以看见头条的文章左右都有一定的距离，并且下面还有一个虚线显示

这个下面调用的是以往的头条，默认的有 4 篇文章，调用了d1 d1arc 2 个css

index bignews divd1{

padding:6px 10px;

clear:both;这句话是清除浮动，如果不加它，大家可以试试看，是不是 d1 这个层就跑到头条的

右边了。

width:406px;

overflow:hidden;

}

index bignews divd1arc{

margin-right:12px;

width:190px;

float:left;因为此时要调用4 篇文章，改文章是 22 排列的，如果不加这个属性，新闻就应该垂

直排列了（因为刚才用 clear:both 清除浮动啦），大家试试看是不是这样的。

height:24px;

line-height:24px;行间距，即字体最底端与字体内部顶端之间的距离

overflow:hidden;

}

商业源码钻石

分享到：

dede模板制作教程

商业源码钻石

0条评论

发表评论取消回复

商业源码 钻石

相关推荐

0条评论

发表评论 取消回复

提供最优质的资源集合

商业源码钻石

发表评论取消回复