• 有序列表与无序列表


        列表

    列表功能(划分区域):把相同的类别的内容展示到一个区域
    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对名词的解释
     
  • 相关阅读:
    前端 day 05 5.15 JavaScript入门
    前端 day 04 5.14 CSS定位,浮动,JavaScript
    Luogu P1860 新魔法药水
    XJOI 夏令营501-511NOIP训练18 高二学堂
    Luogu P3959 宝藏
    Luogu P2184 贪婪大陆
    XJOI 夏令营501-511NOIP训练18 高三楼
    XJOI 夏令营501-511NOIP训练17 蛇形数阵
    BZOJ 3813 奇数国
    POJ 2728 Desert King
  • 原文地址:https://www.cnblogs.com/liqiang95950523/p/12964358.html
Copyright © 2020-2023  润新知