高分找高手帮忙修改下dedecms模板和css
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的最新发表章节排序
第一,频道模型,就是指你发布信息所需的功能模型,里面有模型、文章模型等,是你发内容所需要的系统模型,通俗点,如果某个栏目用来发普通文章,用文章模型,主要用来展示,最好是模型,当然你也可以用文章模型,只不过没有模型那么专业而已,每个模型都是一个原理,只是相当于针对某一特定用处而开发出来的功能模型。展示的效果不同,你也可以开发新模型,比如开发个别墅展示的模型。这个模型可以包含 风格 房型 价格 面积 造价等等参数,这样你某个栏目用这个模型,发信息时只需要对应地方填入参数就可以了,这样可以统一格式,而如果你用文章模型,默认是没有这种独特字段的,你要手动在文章内容里写上 房型:,风格:等等,还要排版,而且展示出来效果不一定好,也不利于前台对某个字段(如只调用风格的内容)数据的单独调用。
内容管理,就是管理栏目、文章内容这些。比如我网站有教程、资源、站长等等,这些都是栏目,栏目下有教程等等文章,这些都是可以在内容管理部分添加删除的。
第二,采集管理。首先你要知道什么是采集,简单说就是把别人网站的信息复制到自己网站里,这里的复制不是说你手动复制,而是利用后台的采集功能写采集规则把目标站信息采集过来,这些信息有些你可能不想要,或者你想看你采集哪些信息,这些操作就在采集管理里完成。
第三,模块。模块其实就是指后台组合的功能插件。比如你安装了织梦的留言薄模块,你网站就可以找到留言薄这个功能,安装了友情链接模块插件,就可以找到友情链接这个功能,并实现数据的调用。
模板,是用来定义显示信息的风格,就是网页的样子是什么样。比如某个模板我只写了“123”,那么某个栏目的封面页或者列表页或者内容页使用这个模板以后,生成的对应网页也就123
还有不明白的地方,可以通过用户名找到我本人,欢迎前来咨询
参考下面方法
首先,打开后台——模板——默认模板管理——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;
5
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;
}
最新文章
下面看看 newarticle 这个css 吧,还是拿快学网的首页举例子,上面的这句是用来显示 “最近
更新”那几个绿颜色字的,看看它是怎么定义的。
index bignews divnewarticle{
height:24px; 高度
background:url(/images/new-articlegif) 8px 3px no-repeat;背景在x 轴8px 和y 轴
3px 出出现
font-size:0px;
color:#fff;
} 所以,能看到那个最近更新并且还有一个横条,其实它是个,大家右键另存为
看看就知道了
这里面调用了 c2 和ico1 两个 css
index bignews ulc2{
width:416px;
padding:0px 4px 0px; 内边距为 上0 右4 下0
clear:both;清除浮动 和上面的意思一样
overflow:hidden;
}
ico1 这个css 在layoutcss 中了。
ico1 li{
padding-left:16px; 指的是 新闻列表左内边距为 16px
background:url(/images/ico-1gif) 7px 11px no-repeat; 背景在7px,11px 处出现,所以看到最新文章的列表左边都有一个小黑点,这个小黑点就是 ico-1gif
}
到此,中部的头条新闻和最近更新已经分析完了。
看看flash 的 css 定义
index flashnews{
width:280px;
height:192px;
overflow:hidden;
float:left;这句决定了,flash 的新闻列表在 头条的左边显示。如果把 bignews 和flashnews
的float 属性互换一下应该是上面结果呢?大家试试看。
}
这边是特别推荐调用的样式,还是来看看 css
index latestnews{
width:280px;
height:200px;
margin-top:8px;
float:left;
}
index latestnews dl dd{
padding:2px 5px;
}
index latestnews ul a{
color:#555;
} 这里面就不用解释了吧,可以和上面的对照一下就能明白上面意思了。关键 dl dt dd 要弄明白
是什么意思。
dl 内容块
dt 内容块的标题
dd 内容
可以这么写:
标题
内容1
内容2
在layoutcss 中找到 tbox 的相关定义,其他的都不用罗嗦了,只有一句大家注意看一
下
tbox dt strong{
height:26px;
line-height:26px; !important;line-height:25px; 这一句是为了兼容 IE 和FF,比如
font-size: 12px !important;
font-size: 13px;
在 IE里面,由于 IE不理解 !important,则字体大小按照最后设定的 13px 展示
而FF 里面, !important 为提高优先级别,则字体大小按照 !important标记的12px 展示
某些css 某些代码在这两类浏览器里的显示是有差别的(注意这也是使用!important 的主要原因
所在),比如height: 21px;,在 IE6 和(IE7,FF)里显示就有差别,后者(IE7,FF)会比前
者(IE6)少一个像素。
padding-left:22px;
padding-right:4px;
display:block;//变成块级 ,因为strong 是内联元素,必须强制转换,不然的话是没有办法
定义padding 的。大家可以百度一下 内联元素看看。
float:left;
color:#397CBE;
background:url(/images/fbicogif) 5px 6px no-repeat;
letter-spacing:1px;
}
0条评论