HTML列表的类型

2016-07-13

一、有序(编号)列表
<ol>
    <li>在css中如何格式化列表</li>
    <li>在css中如何格式化列表</li>
    <li>在css中如何格式化列表</li>
    <li>在css中如何格式化列表</li>
</ol>

二、无序列表
<ul>
    <li>在css中如何格式化列表</li>
    <li>在css中如何格式化列表</li>
    <li>在css中如何格式化列表</li>
    <li>在css中如何格式化列表</li>
</ul>

三、定义列表
<dl>
    <dt>CSS</dt><dd>在css中如何格式化列表</dd>
    <dt>CSS</dt><dd>在css中如何格式化列表</dd>
    <dt>CSS</dt><dd>在css中如何格式化列表</dd>
    <dt>CSS</dt><dd>在css中如何格式化列表</dd>
</dl>

标记和列表项使用相同的字体特性显示。如果希望只更改标记或列表项的属性,可以使用<span>或其他内联元素,如:
<ol>
   <li><span class="person">Nick Mamatas</span></li>
<ol>

ol {color:black;}
ol li {color:red;}
ol li span.person{color:black;}