有序列表ol li

  1. <ol>
  2. <li>a </li>
  3. <li>b</li>
  4. <li>c</li>
  5. </ol>

image.png
li 默认是设置了display属性
image.png

无序列表ul li

  1. <ul>
  2. <li>a </li>
  3. <li>b</li>
  4. <li>c</li>
  5. </ul>

ul的直接子元素,只跟li,li里面你可以设置其他的
image.png

自定义列表

  1. <dl>
  2. <dt>Coffee</dt>
  3. <dd>- black hot drink</dd>
  4. <dt>Milk</dt>
  5. <dd>- white cold drink</dd>
  6. </dl>

dl:自定义列表,子元素只能是dl和dd
dt:一般作为标题
dd:一般作为描述

=====================

CSS属性

继承

给ul、ol、dl设置的属性,里面的li、dt、dd会继承

li元素前的样式 list-style-type

image.png
用得最多是设置none,什么都没有
image.png
image.png

其他

很少用
image.png