常用CSS元素div ul dl dt ol的简单解释
几个css元素的简单解释 div ul dl dt oldiv，这个很常见，块级元素，div尽量少用，和table一样，嵌套越少越好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提供了很多元素辅助布局. Unordered lists (UL) -- HTML无序(号)的列表标签
ordered lists (OL) -- HTML有序(号)的列表标签
list items (LI) -- HTML列表项目标签
LI标签会显示成一个大圆点(或别的符号),表示是<UL>...</UL>中的第一项,第二项.... 确切的说，这是HTML标记。
ul为无序列表，ol为有序列表，dl为自定义列表。
各自的写法结构为：
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
</ul>
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
<li>列表项4</li>
</ol>
<dl>
<dt>列表标题</dt>
<dd>列表项1</dd>
<dd>列表项2</dd>
<dd>列表项3</dd>
</dl> ul li 是一个整体,ul类似于父类,而li类似于子类.必须和css配合使用!还有ol li dl dt dd
#astro1 ul{LIST-STYLE-TYPE: none;margin:0px;padding-left:10px !important;padding-left:8px;} 设置父类属性
#astro1 li{border-bottom:1px dotted #e7e7e7;display:inline;line-height:24px;text-align:center;padding-left:8px;padding-right:8px}
设置子类属性
页:
[1]