无序列表,有序列表,自定义列表

 <ul></ul>    无序列表:没有顺序的一组内容

       语法:<ul>       

                      <li> </li>

                       <li> </li>

                  </ul>

        语义:用于将没有数字顺序的一组内容进行分组

       默认样式;(上下外边距,左右内边距)

            属性<ul>里

                 type="disc" 实心圆

                          ”circle“空心圆

                          ”square“正方形

                          ”none“取消前面列表符(小黑点)

        注意:type不常用;通常用CSS替代

        应用:新闻列表

                   商品列表

                   选择卡

<ol></ol>有序列表

        语义:用于将有数字顺序的一组数据或内容进行分组

         语法;  <ol>

                        <li></li>

                        <li></li>

                     </ol>

              type="1"(1,A, a, i,I ,)属性

          特性:宽度默认撑满整个父元素

                     高度默认有内容撑起

                      独立成行  

                      自带外边距

                      自带内填充

         应用:排行榜单   步骤清单  面包屑导航

<dl></dl>  自定义列表     用于将一组项目及相关的描述进行分组列表

            语法:

                     <dl></dl>列表容器     定义:自定义列表

                         <dt><dt>专业名词      定义;自定义列表项

                        <dd><dd>对专业名词的解释    定义;自定义列表的注释(解释)

            特性:宽度默认撑满整个父元素

                        高度默认由内容撑起

                        独立成行

            

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值