网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.IE7对css选择器的改进.
.CSS教程:li和ul标签用法举例.
.CSS 针对 Safari(WebKit)的 CS.
.在CSS中关于字体处理效果的思考.
.第一章 CSS的基本认识.
.整理优化你的CSS代码.
.css的引用文件方式.
.用CSS的float属性创建三栏布局网.
.初学CSS和标准建站的一些CSS常用.
.学习CSS的背景图像属性background.
.CSS实现当前页的滑动门菜单效果方.
.用CSS做滑动效果的图片画廊.
.导航上用CSS标志当前页效果的实现.
.用CSS打造可折叠伸缩名片菜单.
.纯CSS表单显示效果.
.最全的CSS浏览器兼容问题.
.css弹出层+屏蔽背景页面(兼容fie.
.div+css布局漫谈.
.图片CSS滤镜-发光效果.
.CSS特点及加入网页的四种方法.

CSS高级应用:定义列表的特殊用法

发表日期:2008-8-8


    有序无序单标签很简单,只要知道用法就行,但是关键点我认为不在于知道这个标签长什么样,重点是在于什么样的数据适合使用什么样的列表。什么样的数据是有序的,什么样的数据是无序的?阅读完要思考,这样才能学到东西,知识才能是自己的。

    定义列表其形式特别,用法也很特别,相比较无序列表来说用到定义列表的就少很多。也有很多朋友还没有开始使用这个列表,那么下面就来分解一下这个列表的代码:
<dl>
 <dt></dt>
 <dd></dd>
</dl>


    看上面这段代码我们发现这里并没有出现<li>标签,而是由DL、DT、DD三个标签组成,根据外型以及之前的列表我们可以知道,DL是这个列表的一个容器,就像个箱子,不同的是这次箱子里不只有统一标准的单个小盒子了。而是出现两个不同的内容我们怎么理解这个DT与DD呢?从语义上来讲,DT是名称,是标题,而DD是解释,是内容。DT与DD都是盒子,DD只对应解释他上面的一个DT,不能越级或是向下解释。当DT不存在的时候那么DD也就没有存在的意义,而DT是否一定需要DD跟随其后,这点上我还没有找到确切的文献可以说明这一点,但是以我对于定义列表的理解,我认为如果数据中只有DT没有DD那么这就一不能成为定义列表,直接用UL无序列表就可以了。但是当数据中只有某一个或是少数几个没有DD,而大部分都有DD,那么我认为这种形式是可以存在的。
<dl>
 <dt>有序列表</dt>
 <dt>有序列表</dt>
 <dt>有序列表</dt>
 <dt>有序列表</dt>
 </dl>


    以上这种很明显就不合适了,这样的形式就是无序列表,何必要用定义列表呢,从语意上也说不通。
<dl>
 <dt>有序列表</dt>
 <dd>有序列表就是有序列的数据以列表形成组织而成的数据形式</dd>
 <dt>有序列表</dt>
 <dd>有序列表就是有序列的数据以列表形成组织而成的数据形式</dd>
 <dt>这一句没有解释</dt>
 <dt>有序列表</dt>
 <dd>有序列表就是有序列的数据以列表形成组织而成的数据形式</dd>
</dl>

    上面这种形式则我个人认为是可行的。那么一个DT是否可以带多个DD呢?这点上我同样没有找到文献说明不可以,并且在一些知名的网站中这种一个DT带多个DD的依然很多。我对此的看法是,物殊情况下一个DT带多个DD是可以的,但是一般情况上我认为这种做法还是有所欠缺。从释上来看,多个DD是否表明着多个解释?或是解释内容要分段也不需要让DD来当这只抓耗子的狗。一个DD中完全可以内嵌很多个段落标签。再则从样式应用上来讲,多个DD整体松散,其设计的扩展性不足。比如,当我们要做一个点击DT隐藏对应的DD的效果时,这种多DD的做法就不那么好实现了。所以在不是特殊用途情况下尽可能不要使用一个DT带多个DD的做法,还是把内容放在DD里,分段的就让段落标签去做,分列表的就让有序或是无序列表去表现。

    还是开始讲的,标签本身没什么,重点要思考如何应用。

上一篇:DIV+CSS技术是否适合中国中小网站 人气:1043
下一篇:CSS扩展滤镜属性及语法 人气:900
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐