码迷,mamicode.com
首页 > 其他好文 > 详细

有序列表与无序列表

时间:2020-05-26 12:19:54      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:alpha   one   需要   依次   order   类别   场景   条件   分区   

    列表

列表功能(划分区域):把相同的类别的内容展示到一个区域
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对名词的解释
 

有序列表与无序列表

标签:alpha   one   需要   依次   order   类别   场景   条件   分区   

原文地址:https://www.cnblogs.com/liqiang95950523/p/12964358.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!