zoukankan      html  css  js  c++  java
  • 商品名称列表DD DT DL标签

    本文纯属个人见解,是对前面学习的总结,如有描述不正确的地方还请高手指正~

        我们时平用常的是< ul>< li>签标,不过dd、dt签标也蛮不错,特别是宣布程序的时候功能模块列表什么的可以使用它来排版。

    < dl>< /dl>< dt>< /dt>< dd>< /dd>
    < dl>< /dl>用来创立一个一般的列表,< dt>< /dt>用来创立列表中的层上目项,< dd>< /dd>用来创立列表中最层上目项,< dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>标记对之间。看一下下边的例子您就会白明了:

        dl ——define list——定义列表

        dt ——define list title——用于生成定义列表中各列表项的标题,重复使用可以定义多个列表项的标题。

        dd——define list define——用于生成定义列表各列表项的说明文字段,重复使用可以定义多个说明文字段。dd是对应dt的冗长说明或解

        例子:

        <dl>

        <dt>Today

        <dd>Today is yesterday.

        <dt>Tomorrow

        <dd>Tomorrow is today.

        </dl>

        例子2:

        <html>

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

        <html xmlns="http://www.w3.org/1999/xhtml">

        <head>

        <title>无标题档文</title>

        <style type="text/css">

        <!--

        dt {

            float: left;

            60px;

            margin: 0px;

            padding: 0px;

        }

        dd {

            float: left;

            clear: none;

            290px;

            margin: 0px;

        每日一道理
    站在历史的海岸漫溯那一道道历史沟渠:楚大夫沉吟泽畔,九死不悔;魏武帝扬鞭东指,壮心不已;陶渊明悠然南山,饮酒采菊……他们选择了永恒,纵然谄媚诬蔑视听,也不随其流扬其波,这是执著的选择;纵然马革裹尸,魂归狼烟,也要仰天长笑,这是豪壮的选择;纵然一身清苦,终日难饱,也愿怡然自乐,躬耕陇亩,这是高雅的选择。在一番选择中,帝王将相成其盖世伟业,贤士迁客成其千古文章。

            padding: 0px;

        }

        dl {

            350px;

            font-size: 9pt;

            line-height: 1.5em;

            position:relative;

            margin: 0px;

            padding: 0px;

            left:15px;

        }

        .red {

            color: #FF3300;

        }

        #box {

            500px;

            background-color: #F1F1F7;

        }

        #box #content {

            padding-top: 10px;

            padding-right: 10px;

            padding-bottom: 10px;

            padding-left: 20px;

        }

        -->

        </style>

        </head>

        <body>

        <div id="box">

        <div id="content">

        <img src=/Article/UploadFiles/200704/20070412091408274.gif align="left"/ >

        <dl>

            <dt>商品称名:</dt>

            <dd><strong>[好大的一只啊] </strong>忧惠:<span class="red"><em>8.5折</em></span></dd>

            <dt>商品简介:</dt>

            <dd>商品称名商品称名商品品称名商品称名商品称名商品称名商品称名商品称名商品称名商品称名商品品称名商品称名商品称名商品称名商品称名 商品称名商品称名商品称名商品品称名商品称名商品称名商品称名商品称名商品称名……[<span class="red";>具体绍介</span>]</dd>

            <dt>铺店地址:</dt>

            <dd>商品称名</dd>

            <dt>联系电话:</dt>

            <dd>0000-12345678 87654321 </dd>

        </dl>

        </div>

        </div> </body></html>

    文章结束给大家分享下程序员的一些笑话语录: 程序员喝酒
      我偶尔采用“木马策略”、“交叉测试”,时间不长就开始“频繁分配释放资源”,“cache”也是免不了的了,
      不过我从不搞“轮巡”,也不会“捕获异常”,更不会“程序异常”,因为我有理性
    克制的。  

  • 相关阅读:
    leetcode69
    leetcode204
    leetcode414
    leetcode532
    leetcode28
    leetcode155
    leetcode303
    leetcode190
    2018-7-21-win10-uwp-调用-Microsoft.Windows.Photos_8wekyb3d8bbwe-应用
    2018-7-21-win10-uwp-调用-Microsoft.Windows.Photos_8wekyb3d8bbwe-应用
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3045641.html
Copyright © 2011-2022 走看看