dl,dt,dd,ul,li,ol差别及运用

日期:2021-03-17 类型:科技新闻 

关键词:商城网站建设,微商好助手,微商引流,电商网站模板,微信商家小程序

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>
许多人非常容易忽视dldtdd的用法:
dl內容块
dt內容块的题目
dd內容
能够这么写:
<dl>
<dt>题目</dt>
<dd>內容1</dd>
<dd>內容2</dd>
</dl>
dt和dd中能够再添加olulli和p,了解这些之后,在应用div合理布局的情况下,会便捷许多,w3c出示了许多元素輔助合理布局。
LI编码的文件格式化:
A).应用CSS文件格式化目录符:
下列是引入片断:
ul li{
list-style-type:none;
}
B).假如你想将目录符换为图象,则:
下列是引入片断:
ul li{
list-style-type:none;
list-style-image: url(/blog/images/icon.gif);
}
C).以便左对齐,能够用以下编码:
下列是引入片断:
ul{
list-style-type:none;
margin:0px;
}
D).假如想给目录加情况色,能够用以下编码: 查询更多css实例教程
下列是引入片断:
ul{
list-style-type: none;
margin:0px;
}
ul li{
background:#CCC;
}
E).假如想给目录加MOUSEOVER情况变色实际效果,能够用以下编码:
下列是引入片断:
ul{ list-style-type: none; margin:0px; }
ul li a{ display:block; width: 100%; background:#ccc; }
ul li a:hover{ background:#999; }表明:display:block;这1行务必要加的,这样才可以块状显示信息!
F).LI中的元素水平排序,重要FLOAT:LEFT:
下列是引入片断:
ul{
list-style-type:none;
width:100%;
}
ul li{
width:80px;
float:left;
}
<ul><li>的差别
<LI> 的主要参数设置(常见):
比如: <li type="square" value="4">
type="square"
只可用于非次序清单,设置标记样式,其值有3种,以下,内定为 type="disc":
下列是引入片断:
标记 是当 type="disc" 时的列项标记。
标记 if" width=10 height=10 border=0> 是当 type="circle" 时的列项标记。
标记 是当 type="square" 时的列项标记。
value="4"
只可用于次序清单,设置该1项的数目,其後各项将以此做为起止数目而递增,但前面各项则不会受到危害,其值只能是 1,2,3.. 等整数金额,沒有内定值。
<UL>称为无序清单标识。
所谓无序清单便是在每项前面再加 、、等标记,故又称标记清单。
<UL> 的主要参数设置(常见):
比如: <UL type="square">
type="square"
设置标记样式,其值有3种,以下,内定为 type="disc":
下列是引入片断:
标记 是当 type="disc" 时的列项标记。
标记 是当 type="circle" 时的列项标记。
标记 是当 type="square" 时的列项标记。
<ul>是新项目目录,<li>是目录项,新项目目录便是用标记来列的,因此你列出来默认设置的便是斑点,也有1个是<ol>这个是序号目录,用数据来列的,也是用<li>做目录项
<li>是 list item 即目录项,但目录有很两种,因此外面得有 <ul> 或 <ol> 用来差别无编码序列表(小点点)和井然有序目录(1,2,3...)。

查询本站更多网页页面制做实例教程。