有序列表与无序列表

Posted 2020-12-06 liqiang95950523

    列表

列表功能（划分区域）：把相同的类别的内容展示到一个区域

1.有序列表

        父元素：ol    （ordered list）

        子元素只能是：li  （list item） 列表项

        默认状态：元素内容之前会有一个阿拉伯数字（从1依次递增）

改变有序列表的样式:

   list-style取值

   decimal            阿拉伯数字

   upper-roman    大写的罗马数字

   lower-roman    小写的罗马数字

   upper-alpha     大写英文字母

   lower-alpha     小写英文字母

    

2.无序列表

         父元素：ul  （unordered list）

         子元素：li  （list item ）列表项

         默认状态：元素内容之前会有一个实心圆

改无序列表的样式:

   list-style取值

   disc         实心圆

   circle       空心圆

   square     实心方框

注：有时需要清除列表之前的样式时可用li{list-style:none},

本身不会区分有序和无序，需开发者自行添加条件进行设置。

 

3.自定义列表

    自定义：dl

    适用场景：名词解释、专业术语

        dt名词

        dd对名词的解释