前端零碎

1. HTML 列表

• 有序列表：ordered list，因此标签是 ol，每一项都是一个 list，标签是 li
• 无序列表：unordered list，因此标签是 ul，每一项标签是 li
• 描述列表：是自定义列表，标签如下：
  • dl：definition list，定义列表
  • dt：definition title，定义标题
  • dd：definition description，定义描述，也就是定义列表具体内容

1. 有序列表

有序列表默认是采用数字顺序，<ol>标签和 <li> 标签必须配合使用。

<!--有序列表-->
<ol>
    <li>html</li>
    <li>javascript</li>
    <li>css</li>
</ol>

<!--呈现效果
1. html
2. javascript
3. css
-->

ol 有一个 type 属性，可以描述序列开始数字，默认是数字，也可以是字母、罗马数字等。

• 1：数字 1、2、3…
• a：小写英文字母 a、b、c…
• A：大写英文字母 A、B、C…
• i：小写罗马数字 i、ii、iii…
• I：大写罗马数字 I、II、III…

2. 无序列表

<!--有序列表-->
<ul>
    <li>html</li>
    <li>javascript</li>
    <li>css</li>
</ul>

<!--呈现效果
· html
· javascript
· css
-->

ul 的 type 属性，描述列表的样式，默认是圆点，也可以是方块、中划线等。

• circle：空心圆
• dise：实心黑点（默认值）
• square：实心黑正方形

3. 描述列表

• <dl> 处于最外层，标签用来定义一个描述列表
• <dt> 与 <dd> 为同级元素，分别定义标题和内容，不能相互嵌套

<!--有序列表-->
<dl>
    <dt>前端开发</dt>
    <dd>html</dd>
    <dd>javascript</dd>
    <dd>css</dd>
</dl>

<!--呈现效果
前端开发
    html
    javascript
    css
-->