dl dt dd的使用方法及实例说明

<dl>标签用于定义列表类型标签。</dl>

<dl>如标题、标题对应列表效果。</dl>

dl dt dd的使用实例

一般情况下,一个图片加一行文字这样的形式都是用dl dt dd来排版.如何类似上图的.是一排的图片加文字,那就是将上面的代码看成一个li,然后用li横排即可.从上面的代码看,dl形如tr,在dt里面放图片,在dd里面文字.而dl dt dd这个组合最容易出错的地方莫过于,dt里面只能放行级元素,也就是只能放一些a span等等的元素.而dd则可以放一些块级元素,例如p,div等等.

感觉这dl标签还不错。现在一般用ul,li的比较多,没发现dl dt dd dt也很不错。



本文固定链接: http://20tc.com/dl-dt-dd.html | TC的博客

该日志由 TC 于2012年09月13日发表在 CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: dl dt dd的使用方法及实例说明 | TC的博客

dl dt dd的使用方法及实例说明:目前有14 条留言

  1. 分析的很透彻,很欣赏你的看法,学习了。

    2012-09-30 下午 9:36 [回复]
  2. 10楼
    ABCD你是急 China Internet Explorer Windows :

    轻轻的我走了,
    正如我轻轻的来
    留下一串脚印,
    等你来回踩
    。。。

    2012-09-29 上午 10:05 [回复]
  3. 9楼
    电视棒 China Internet Explorer Windows :

    分析的很透彻,很欣赏你的看法,学习了。

    2012-09-28 下午 9:29 [回复]
  4. 8楼
    小清新 China Internet Explorer Windows :

    路过,
    打个酱油
    ,,,,,,
    踩两脚,
    留个脚印
    。。。。。。。

    2012-09-28 下午 2:02 [回复]
  5. 总得留点什么??想来想去,就留个脚印吧。。哈哈

    2012-09-28 下午 12:33 [回复]
  6. 网站推广,离不开站长们的团结合作: 在此路过。

    2012-09-25 下午 4:05 [回复]
  7. 老夫以后会常来学习

    2012-09-17 上午 10:44 [回复]
  8. 4楼
    笑话据点 China Google Chrome Windows :

    多更新,要不然还以为您老人家去保卫钓鱼岛了呢

    2012-09-16 下午 4:02 [回复]
    • TC China Google Chrome Windows :

      很久没有发表文章了,那个这艰巨的任务我估计现在排队都排不上号的。

      2012-10-01 下午 9:09 [回复]
  9. 地板
    养殖网 China Google Chrome Windows :

    老衲觉得写的挺好

    2012-09-15 下午 9:09 [回复]
  10. 文章不错了,学习了,能不能转到我的网站呢?

    2012-09-13 下午 4:09 [回复]
    • TC China Google Chrome Windows :

      欢迎转载。

      2012-10-01 下午 9:11 [回复]
  11. 沙发
    大学生社区 China Internet Explorer Windows :

    不知道百度联盟和淘宝联盟哪一个好?

    2012-09-13 下午 3:26 [回复]
    • TC China Google Chrome Windows :

      这个我不晓得,没有式过。我也是刚放上去

      2012-09-18 下午 2:10 [回复]

发表评论


*

快捷键:Ctrl+Enter

无觅相关文章插件,快速提升流量