自定义列表_自定义列表dl - CSDN
精华内容
参与话题
  • HTML自定义列表

    千次阅读 2019-06-02 11:37:38
    HTML的自定义列表 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ...

    HTML的自定义列表

    <!DOCTYPE html>
    <html lang="zh">
    <head>
    	<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    	<title></title>
    </head>
    <body>
    	<dl>
    		<dt></dt>
    		<dd></dd>
    		<dd></dd>
    	</dl>
    </body>
    

    1.dt中一般是你的列表的表头
    2.dd中相当于ul的li中相同的内容
    3.自定义列表一般用于以下内容
    在这里插入图片描述
    像这种的列表使用自定义列表要比使用ul更好些,因为可以把加粗的内容放到dt标签中。

    展开全文
  • 自定义列表

    2019-08-14 07:43:15
    <dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl>...
    <dl>
       <dt>计算机</dt>
       <dd>用来计算的仪器 ... ...</dd>
       <dt>显示器</dt>
       <dd>以视觉方式显示信息的装置 ... ...</dd>
    </dl>

     

    转载于:https://www.cnblogs.com/xiaobiaomei/p/9454821.html

    展开全文
  • html:自定义列表(dl>dt+dd)的使用

    千次阅读 2017-07-28 19:53:46
    以前用的都有用无序列表ul>li比较多,看了授课老师的写的代码才又重新认识了自定义列表,例如以下布局用自定义列表标签就相当方便: 只需要定义四个dl标签,在dt标签内添加分别添加相应的图片,在dd...

    以前用的都有用无序列表ul>li比较多,看了授课老师的写的代码才又重新认识了自定义列表,例如以下布局用自定义列表标签就相当方便:




    只需要定义四个dl标签,在dt标签内添加分别添加相应的图片,在dd标签内添加p标签或者span标签或者其他可以添加文字的标签,再给dt和dd添加浮动属性(float:left;)即可。不过值得注意的是dd标签内可以添加任意其他标签,但是dt标签内不能添加块级标签只能添加行级或行内块级标签。

    代码如下:

    css:

    dl{
    overflow: hidden;
    width: 373px;
    float: left;
    }

    dl dt{
    float: left;
    }

     dl dd{
    float: left;
    width: 180px;
    margin-left: 14px;
    }

    dl dd span:first-child{
    font-size: 14px;
    display: block;
    width: 180px;
    color: #272322;

    }
    dl dd span:last-child{
    font-size: 12px;
    margin-top: 20px;
    width: 180px;
    color: #888888;
    display: block;
    }


    body:

    <dl>
    <dt><img src="img/news_list_img1.png"/></dt>
    <dd>
    <span>“机器人与无人机”专场演讲合辑</span>

    <span>8月13日CCF-GAIR大会的机器人与无人机专场中,学界、业界大牛</span>
    </dd>
    </dl>


    展开全文
  • html之列表ul、ol、自定义列表

    千次阅读 2018-11-06 16:57:07
    列表分为无序列表和有序列表及自定义列表 无序列表—ul 来源:w3school css样式设置ul列表样式 &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;...

    列表
    列表分为无序列表和有序列表及自定义列表

    1. 无序列表—ul
      在这里插入图片描述
      来源:w3school
      css样式设置ul列表样式

      <!DOCTYPE html>
      <html>
      	<head>
      		<meta charset="utf-8">
      		<title></title>
      	</head>
      	<body>
      		<ul type="circle">
      			<li>2ffffffffff</li>
      			<li>2</li>
      			<li>2</li>
      		</ul>
      	</body>
      	<style type="text/css">
      		ul{
      			/* list-style: none; */	/* 去掉列表样式 */
      			/* list-style:square ; *//* 设置列表样式 */
      			/* list-style-image: url(img/favicon.ico); *//* 设置图片 */
      			/* list-style-position: inside; *//* 设置位置 */
      		}
      	</style>
      </html>
      
    2. 有序列表-----ol
      在这里插入图片描述
      截图来源:w3school
      样式修改列表样式

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<title></title>
    	</head>
    	<body>
    		<ul type="circle">
    			<li>2ffffffffff</li>
    			<li>2</li>
    			<li>2</li>
    		</ul>
    		<ol>
    			<li></li>
    			<li></li>
    			<li></li>
    			<li></li>
    		</ol>
    		
    	</body>
    	<style type="text/css">
    		ul{
    			/* list-style: none; */	/* 去掉列表样式 默认样式:点*/
    			/* list-style:square ; *//* 设置列表样式 */
    			
    			list-style-type: square;
    			/* list-style-image: url(img/favicon.ico); *//* 设置图片 */
    			/* list-style-position: inside; *//* 设置位置 */
    		}
    		I
    		/* decimal:数字。
    
    		lower-roman:小写罗马数字。
    
    		upper-roman:大写罗马数字。
    
    		lower-alpha:小写英文字母。
    
    		upper-alpha:大写英文字母。 */
    		ol{
    			/* list-style: none;	/* 去掉列表样式 默认样式:阿拉伯数字*/ */
    			list-style:decimal ;
    			list-style-position: inside; *//* 设置位置*/
    		}
    	</style>
    </html>
    
    
    1. 自定义列表
    <dl>
    	<dt>类似于标题</dt>
    	<dd>这是一个列表项</dd>
    </dl>
    
    展开全文
  • 安卓自定义列表dialog

    千次阅读 2019-02-16 09:35:30
    这个形式也是最常用的,不过最近需要用到列表信息Dialog,原生的不光样式不能满足需求,而且是开发电视端的APP,需要对焦点进行特殊处理,所以就需要自定义Dialog 我们先来看一下系统自带的列表Dialog。 系统...
  • 列表分成三种类型:有序列表、无序列表和自定义列表。 有序列表使用编号来记录项目的顺序 无序列表使用项目符号来记录无序的项目 自定义列表它由两个部分组成:定义条件和定义描述。 有序列表:  项目...
  • 有序列表,无序列表和自定义列表有什么不同? 不同的列表给我们带来了好多便捷,比如 有序列表 有自带的排序(1,2,3,…); 无序列表 没有有序列表那样的排序数字,但是每个列表的前面有个圆点,这是无序列表的特点; ...
  • 帝国CMS调用自定义列表名称的方法(简单二次开发实现)互联网 04-11 16:41:08 作者:佚名 我要评论这篇文章主要为大家介绍了帝国CMS调用自定义列表名称的方法,列举了两种实现技巧,涉及针对帝国CMS底层代码的修改,需要...
  • 即:选择定义自定义列表模板,选择栏目---->自定义列表   添加自定义列表-->     上图为添加自定义列表,注意填写的内容以及含义: 列表名为,见名知意就是此自定义列表的名字。 网页标题:为此页面的...
  • HTML第九天 自定义列表标签

    千次阅读 2018-02-08 22:19:51
    自定义列表标签&lt;dl&gt;标签表示自定义列表标签,标签内最好不要嵌套其他标签&lt;dt&gt;标签表示列表的标题,可嵌套其他标签一起使用&lt;dd&gt;dd标签表示列表内容,可嵌套其他标签一起...
  • 帝国自定义列表模版使用方法

    千次阅读 2015-04-12 14:55:11
    总有不少人会纠结在帝国的列表模版上,博主也不例外,  越用越觉得帝国的功能... 进入帝国后台,栏目-》增加自定义列表;  点“增加自定义列表”  输入想要的列表名,关键词,描述,目录等信息,当
  • sharepoint平台,有很多特别实在又好用常用的功能之一,自定义列表(Custom list),我们可以用它,来创建很多列表数据应用,来存储数据,无需开发,就能在线,增加,修改,删除,查询等操作数据,非常方便用户做各种...
  • sharepoint 轻量化开发之自定义列表

    千次阅读 2016-04-11 17:15:58
    1. 我们以站点管理员登陆网站,我们就可以开始... 这边可以添加各类应用程序:4. 我们尝试添加联系人的列表:5. 这样我们就可以创建自定义列表了。6. 目前网站缺乏一定的深度,我们希望这个页面放在二级网站的HR的
  • 对于有首页有列表的模板,如果要生成首页 ,在“后台-数据更新”里就不要点“刷新首页”了,而是点“刷新所有自定义列表”,相应的,如果要改首页的标题和关键词什么的,请到“后台-栏目-自定义列表-管理自定义列表...
  • 有序列表和无序列表之间的区别是:前缀的不同,有序的是有大写字母和小写字母、数字、罗马数字等,而无序列表是实心圆、空心圆、实心正方形。...而自定义列表与有序无序的区别是没有前缀,而且是有缩进...
  • CSS 自定义列表样式

    千次阅读 2012-06-18 22:06:44
    CSS列表样式 使用图片显示列表样式本例中使用了 list-orange.png 图片我们还可以使用 ...自定义列表样式 ul  {  list-style-image:url("/images/list-orange.png"); } 使用图片显示列表样式 本
  • 有序列表&无序列表&自定义列表

    千次阅读 2017-11-27 13:28:45
    HTML中的有序列表,无序列表和自定义列表
  • 1.无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 <ul> 标签。每个列表项始于<li>。 也可以通过CSS改变项目符号,也可以自己设置图片,如<li ...
  • dd 标签 -- 代表HTML自定义列表描述

    千次阅读 2014-04-02 13:35:25
    -- 代表HTML自定义列表描述 dd标签是成对出现的,以开始,结束引用网址:http://www.dreamdu.com/xhtml/tag_dd/属性: Common -- 一般属性 dd,是definition description的缩写.description,中文"描述"的...
  • 1.无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。 无序列表始于 <ul 标签。每个列表项始于 <li。 2.无序列表的type属性有三个值 disc:表示实心小圆点 circle:表示空心...
1 2 3 4 5 ... 20
收藏数 656,239
精华内容 262,495
关键字:

自定义列表