CSS列表标签

239 阅读1分钟

CSS列表标签

无序列表

​ 在网页之中表示一组无顺序之分的列表
​ 应用场景:如新闻列表,商品列表,导航条;

注意事项:

​ 1,ul标签中只允许包含li标签;

​ 2,li标签可以包含任意内容;

​ 3,列表前的每一项默认圆点标识;

​ 4,快捷键:ul>li*3;

​ 5,使用频次最高;

<ul>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>深圳</li>
</ul>

有序列表

有序列表也是一列项目,列表项目使用数字进行标记

<ol>
        <li>北京</li>
        <li>上海</li>
        <li>广州</li>
        <li>深圳</li>
</ol>

自定义列表

dt是英文definatiaon titile的缩写,用来定义描述列表的标题;

​ dd是英文definination descripation的缩写,用来定义标题对应的描述;

​ 应用场景:网页尾部指南,图文混排(个人简介资料);

<dl>
        <dt>帮助中心</dt>
        <dd>北京</dd>
        <dd>上海</dd>
        <dd>广州</dd>
        <dd>深圳</dd>
</dl>