ul、ol、dl列表

ul(无序列表)、ol(有序)其子标签都是li,dl(定义)子标签dt(被定义的元素)和dd(元素的定义)

一般不设置列表样式时都是根据浏览器默认样式显示,

设置列表快捷方式list-style


项目符号样式list-style-type:

(无序列表):none、disc、circle、square

有序):decimal(1、2、3)、decimal-leading-zero(01、02、03)、lower-alpha、lower-roman、upper-alpha、upper-roman;



list-style-image项目符号用图像代替


由于li可能会很多,我们可以在css中对其父级

    设置一个class属性从而使所有li标签的样式都会改变,例如

    .list-style li{list-style:none;}

    .........

    • ........

      其中空格+子标签意思是对其父级

        定义class,作用于
      • 的设置。


        list-style-position标记的定位:outside(文本外)、inside(文本内部)

你可能感兴趣的:(ul、ol、dl列表)