dl.dt.dd.ul.li.ol区别及应用
作者：蓝调 来源：蓝调生活日记 发布时间：2008-05-24 09:42:00
标签：dl,ul,区别,标签,html
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的用法:
dl 内容块
dt 内容块的标题
dd 内容
可以这么写：
<dl>
<dt>标题</dt>
<dd>内容1</dd>
<dd>内容2</dd>
</dl>
dt 和dd中可以再加入 ol ul li和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).如果想给列表加背景色，可以用如下代码：
以下是引用片段：
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;这一行必须要加的，这样才能块状显示！
F).LI中的元素水平排列,关键FLOAT:LEFT：
以下是引用片段：
ul{
list-style-type:none;
width:100％;
}
ul li{
width:80px;
float:left;
}
0
投稿猜你喜欢
- CBV添加装饰器给CBV添加装饰器有三种方法，三种方法都需要导入模块：from django.utils.decorators import
- php 如何获取请求的xml数据,对方通过http协议post提交过来xml数据，php如何获取到这些数据呢？<?php $xml_d
- 在利用tensorflow进行文本挖掘工作的时候，经常涉及到维度扩展和压缩工作。比如对文本进行embedding操作完成之后，若要进行卷积操
- 尝试用python写文件，但是无法写入文件，文件内容为空。原代码片段如下，poem = "This is a poem"
- 1.介绍DeLorean是一个Python的第三方模块，基于 pytz 和 dateutil 开发，用于处理Python中日期时间的格式转换
- 一、OS包的作用os包中的API主要可以帮助我们使用操作系统中的文件系统、权限系统、环境变量、系统进程，以及系统信号。对于类Unix的操作系
- 1.指向“开始->程序->Microsoft SQL Server 2005->配置工具->SQL Server 外
- Microsoft? SQL Server? 2000 的可用版本如下：SQL Server 2000企业版作为生产数据库服务器使用。支持
- 前言虽然一直在说“去IOE化”，但是在国企和政府，Oracle的历史包袱实在太重了，甚至很多业务逻辑都是写在Oracle的各种存储过程里面实
- 通常人们使用以下两种方法来执行SQL语句： Set Rs=Conn.Execute(SqlStr) 和&nbs
前言提到数据库，你多半会联想到事务，进而还可能想起曾经背得滚瓜乱熟的ACID，不知道你有没有想过这个问题，事务有原子性、隔离性、一致性和持久- 只能远程协助的方式。我特意做了一个脚本，用电话指导客户在SSMS里执行一下脚本就可以了1.0的数据库跟1.1的数据库的区别是1.1的数据库里
- 在前一文中记述了Access启动不了，或者出现“正在准备安装……”的问题，今天则找到了Access对控件支持的问题。本来Access、Exc
- 本文实例讲述了python实现可将字符转换成大写的tcp服务器。分享给大家供大家参考。具体分析如下：下面的python代码执行后通过tcp监
- 堆是一棵完全二叉树。堆分为大根堆和小根堆，大根堆是父节点大于左右子节点，并且左右子树也满足该性质的完全二叉树。小根堆相反。可以利用堆来实现优
- 记得之前learn python一书里面，因为当时没有官方支持，只能通过hack的方式实现抽象方法，具体如下 最简单的写法class MyC
- 序章yield item这行代码会产出一个值，提供给next()的调用方；此外还会做出让步，暂停执行生成器，让调用方继续工作，知道需要使用另
- 关于英文的写作有一本十分著名的书，The Elements of Style（风格要素），编写程序也有一本The Elements of P
- 1 环境操作系统：Windows 10Python版本：3.9.0Google Chrome 87.0.4280.88
- 在操作DataFrame时，肯定会经常用到loc，iloc，at等函数，各个函数看起来差不多，但是还是有很多区别的，我们一起来看下吧。首先，
