关于dl  dt dd 文字过长换行在移动端显示对齐的探讨总结 <dl> <dt>抵押房产:</dt> <dd>1.北京市大兴区兴华大街丽园小区3单大兴区兴华大街丽园小区3单</dd> <dd>2.上海市大兴区兴华大街丽园小区2号楼3单元1208大兴区兴华大街丽园小区2号楼3单元1208</dd> <dd>3.广州市大兴区兴华大街丽园小区3单大兴区兴华大街丽园小区3单</dd> </dl>…
dl就是定义一个列表 dt说明白了就是这个列表的标题dd就是内容,能缩进和UL,OL性质差不多 <dl> <dt>标题标题</dt> <dd>内容内容</dd> <dd>内容内容</dd> </dl> dl,dt,dd是一个解释型的列表比较常用的如: <dl> <dd><img src=”图片路径” alt=”" /></dd> <dt>图片…
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义,块级元素div尽量少用,和table一样,嵌套越少越好 ol 有序列表.<ol><li>……</li><li>……</li><li>……</li><…
dl,dt,dd标记在网页中要充分利用 来源:网络整理 时间:08-05-27 点击: 点击这里收藏本文 我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签,很少用刑<dl>标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签.它们的用途是: < dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目, < dd>< /…
<!-- a:  a{ /*清除a标签的下划线*/ text-decoration: none; }  (1)超链接 href 超链接的地址 target: _self 默认 在当前中打开链接地址 _blank 在空白的页面打开连接地址 (2)标签内部跳转 锚点 默认有点击行为.我们可以javascript:void(0);阻止a标签的默认点击行为. 如果有href = # 表示返回置当前页页首,相当于刷新,编写时应避免,应该使用 javascript:void(0) img src:连接的图片…
刚刚在看张鑫旭大神的个人网站,看到一篇关于“css瓶颈”的深度好文,地址为:http://www.zhangxinxu.com/wordpress/?p=2523 关于张大神在文章里面提到的四个问题: dl, dt, dd三个标签浏览器默认margin值多少?是否有标签默认文字粗体? line-height:150%和line-height:1.5的区别是? float为何会让外部容器高度塌陷?这是bug? vertical-align的表现为何在IE7, IE8, IE9下表现不尽相同?其中的…
<ol>标签-有序列表 定义和用法: <ol>标签定义有序列表. HTML 与 XHTML 之间的差异 在 HTML 4.01 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被赞成使用的. 在 XHTML 1.0 Strict DTD 中,ol 元素的 "compact"."start" 以及 "type" 属性是不被支持的.…
dl dt dd认识及dl dt dd使用方法 <dl> 标签用于定义列表类型标签. dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 dl dt dd总结 一.dl dt dd认识   -   TOP html <dl> <dt> <dd>是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格(扩展阅读:table tr td.table tr th…
ol 有序列表.<ol><li>……</li><li>……</li><li>……</li></ol>表现为:1……2……3…… 属性start可设置开始: <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li></ol> 表现: 50. 咖啡 51.…
<dl>标记定义了一个定义列表,定义列表中的条目是通过使用<dt>标记(“definition title”,定义标题)和<dd>标记(“definition description”,定义描述)创建的.<dt>给出了术语名,<dd>标记给出了术语的定义.也就是说<dt>用来创建列表中的上层项目,<dd>用来创建列表中最下层项目,<dt>和<dd>都必须放在<dl>< /dl>…
摘要 看到没怎么使用过的html 标签,记录下 定义 dl 类似于 ul ,无任何样式,自定义列表容器, ul 为无序列表容器,ol 为有序列表容器 dt dd 类似于 li ,无任何样式,为帮助实现两种样式的列表内容 使用例子 <dl> <dt>列表1<dt> <dd>列表2<dd> <dl> ul ol li dl dt dd 对比…
dl dt dd认识及dl dt dd使用方法 标签用于定义列表类型标签. dl dt dd目录 dl dt dd介绍 结构语法 dl dt dd案例 dl dt dd总结 一.dl dt dd认识   -   TOP html 是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格(扩展阅读:table tr td.table tr th表格布局).为常用标题+列表型标签.如没有对dl dt dd标签初始CSS样…
图文混排,可以使用 dl dt dd(dd 和 dt 是同级,不可以嵌套,没有先后顺序) 1,上面红色部分是标题,可以使用h1里面包含一个span标签,样式一样,所以两个可以一起写. 2,上面黑色部分是属于图文混排,可以使用个自定义列表:dl>dt ,dd进行设置,且排版需要进行定位.需要进行定位设置: 父元素dl使用position:relative; 子元素dt,dd使用position:absolute;设置合适的left,top; 3,蓝色部分是属于文章部分arcitle,文章可以使用p…
dl .dt, dd 虽然很少使用, 但是 有时使用会有 更好的效果: 一: 展示图片: ------------------------- 代码: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>dl,dt,dd的使用</title> <style type="text/css&q…
ul: unordered lists ol: ordered lists li: Lists ol 有序列表. <ol><li>……</li><li>……</li><li>……</li></ol> 表现为: 1……2……3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul><li>……</li><li>……</li></ul>…
一.dl dt dd认识 html <dl> <dt> <dd>是一组合标 […]…
html <dl> <dt> <dd>是一组合标签,使用了dt dd最外层就必须使用dl包裹,此组合标签我们也又叫表格标签,与table表格类似组合标签,故名我们也叫dl表格 <dl><dt></dt><dd></dd></dl>为常用标题+列表型标签.如没有对dl dt dd标签初始CSS样式,默认dd列表内容会一定缩进 语法解释:首先dt和dd是放于dl标签内,标签dt与dd处于dl下相同级.也…
过去有很多网页设计师喜欢将他们的网页效果图用table布局实现成网页,但是这样做会遇到一个比较麻烦的问题就是,后期调试和维护会相当的困难.现在,越来越多的前端开发er们开始使用xHTML+CSS替代最初的table布局完成网页的整体布局,不但让网站降低了开发和维护的成本,而且代码也更语义化了.但是,并不是说table从此消失了,它仍然被很多人用来作为网页中数据表现的必需品,比如个人信息数据列表等.事实上,使用HTML的dl.dt.dd标签会让你节省更多的代码,更能让代码符合内容的语义化.当然,t…
ctrl+shift+p,调出configure display language,选择en或zh,若没有则选择安装使用其它语言,则直接呼出扩展程序搜索界面,选择,然后安装,重启即可. shift+alt+向下箭头,快速复制一行 背景图设置: 一张清晰漂亮的背景图片能给网页加分不少,设计师也经常会给页面的背景使用大图,我们既不想图片因为不同分辨率图片变形,也不希望当在大屏的情况下,背景有一块露白,简而言之,就是实现能自适应屏幕大小又不会变形的背景大图,而且背景图片不会随着滚动条滚动而滚动. 用C…
块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的! ol 有序列表. <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为: 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul> <li>……</li> <li>……</li> </ul&…
看了一篇关于SEO论坛的论文,大概故事内容是:一个专业的销售公司,里面SEO  技术多多,可就是销售网站的SEO的情况极为恼火.这天,老板又招到了一个SEO,直接聘为SEO主管全权负责网站的SEO,并让技术部门应完全听从他的要求去做!闲话短说.这位新到的SEO主管上任后,就要求对其网站进行改版,改版的原因是相关做站的技术员SEO匮乏.这样一来,你让这个技术牛人颜面何存啊!于是,激烈的争吵展开了.重点围绕的话题就是H标签和DL DT  DD进行展开的!原网站采用标准的DIV+CSS架构的,但所有页…
(转载)http://www.jzxue.com/html/css/264I6DG6.html 我们在制作网页过程中用到列表时一般会使用<ul>或者<ol>标签,很少用刑<dl>标签,但是这个三个标签却有着不可忽视的作用,毕竟Web标准中要尽最大可能的使用已有的标签.它们的用途是: < dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目, < dd>< /dd>…
<center> 标签:对其所包括的文本进行水平居中. <datalist> 标签:定义列表,与 input 元素配合使用该元素,来定义 input 可能的值 demo: <input id="myCar" list="cars" /> <datalist id="cars">   <option value="BMW">   <option value=&qu…
转自:http://smallpig301.blog.163.com/blog/static/9986093201010262499229/ < dl>< /dl>用来创建一个普通的列表, < dt>< /dt>用来创建列表中的上层项目, <dd>< /dd>用来创建列表中最下层项目, < dt>< /dt>和< dd>< /dd>都必须放在< dl>< /dl>…
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h3>课程介绍</h3> <article><h1><HTML5+css3轻松入门与实战课程></h1>…
效果 代码实现 <!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> <meta http-equiv="…
在做一些图标时,有时会出现显示文字过长的问题,需要将其按照指定的字数换行,像下图这样 而echarts没有提供换行的方法,但是可以使用fomatter方法进行设置,代码如下 formatter: function(val) { var strs = val.split(''); //字符串数组 var str = '' for(var i = 0, s; s = strs[i++];) { //遍历字符串数组 str += s; if(!(i % 2)) str += '\n'; //按需要求余…
HTML <dl> 标签 #定义和用法 <dl> 标签定义了定义列表(definition list). <dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目). #实例 <dl>    <dt>计算机</dt>    <dd>用来计算的仪器 ... ...</dd>    <dt>显示器</dt>    <dd>以视…
dl.dt.dd也是列表项,不过它们被忽视得比较厉害,人们只知道ul.ol.li,却经常漠视它们的存在,其实有时候,dl.dt.dd也是非常好用的,这两个家族是近亲,很多地方都是一模一样. dl类似ul,申明一个列表项,里面的dt和dd与li相似.不过dt是上级,dd是下级:dt类似表头,dd类似表身:dt若是一级菜单,dd就是二级菜单.若是用dl家族系列,明显它在语义上更为直观,更符合要求,另外结构也更清晰…
  无序列表 无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于 <li>. 有序列表 同样,有序列表也是一列项目,列表项目使用数字进行标记. 有序列表始于 <ol> 标签.每个列表项始于 <li> 标签. 定义列表 自定义列表不仅仅是一列项目,而是项目及其注释的组合. 自定义列表以 <dl> 标签开始.每个自定义列表项以 <dt> 开始.每个自定义列表项的定义以…