美文网首页标签语言
众说纷纭的ul 、ol 、li

众说纷纭的ul 、ol 、li

作者: 李现的小迷妹 | 来源:发表于2017-12-22 14:52 被阅读10次

(1)提到ul ol li,大家都知道,就是三个列表标签,ul表示无需列表(unordered list),ol表示有序列表(oredr list), li 表示列表项(list item),之前我也知道,最近在看项目里的代码,我发现  li 单独用了,有个组件是一个可滑动的列表查看项,其中

  • 在用的时候是直接用的,并没有ul或者ol包裹,我这个有强迫症的人当然是看不顺眼,然后我就查了一下。
  • 我问:

    多个li一定要用ul或者ol框着吗?

    网友曰:

    答案是肯定的❌    ,li可以单独使用

    之后我又查了很多资料,我的理解是这样的,ul,ol, li,他们都是块级元素,都可以设置宽高,另外,他们也都是有相应语义的,按照合乎他们语义的方式来用都是没问题的,li表示一个列表项,当你需要表示一条列表的时候,用li再合适不过了,不用太去关心它外面有没有ul或ol,另外注意一点,我测试了一下,li单独使用,默认列表项是无序的。

    (2)很多网友对于ul、ol、li是块级元素还是行级元素还很纠结,迷迷糊糊,百度查一下的话,回答众说纷纭

    试一下不就好了,代码我都试过了,他们三个实际上都是块级元素,都能设置宽和高,很多人说li不能设置高❌  

    (3)怎样去掉ul或ol的小圆点或者序号 list-style:none;

    喜欢的话,欢迎打赏一下,我会继续努力带来更好的作品

    相关文章

    • 众说纷纭的ul 、ol 、li

      (1)提到ul ol li,大家都知道,就是三个列表标签,ul表示无需列表(unordered list),ol表...

    • HTML第二小节

      一、列表标签 1、无序列表:ul--li 2、有序列表:ol--li 备注:ul和ol中间不能嵌套标签,li中间可...

    • 第二节:HTML知识点升级

      高级标签 列表:无序列表ul>li;有序列表ol>li;自定义列表dl>dt+dd;列表嵌套ul>li>ul>li...

    • html的标签嵌套规则

      p只能嵌套行内标签,ul/ol下只能嵌套li,dl下只能嵌套dt,dd相反,li只能呗ul/ol嵌套,dt,dd只...

    • 定义列表

      1、ul,li;ol,li;dl,dt,dd的区别 首先ul为无序列表,显示出来就是圆点;ol为有序列表,是有序号...

    • Html and CSS Homework

      ul ol li study html code: preview: table study html code:...

    • 畅游 HTML标签、属性

      a img div ul li:无序列表 ol li button iframe table:做表格时用table...

    • ol -ul

      本质区别: ol:有序列表 ul:无序列表 用法: ol和ul的用法是一样的,都是外层标签内套li标签。如下: 效...

    • 前端样式初始化

      html,body,div,p,b,i,span,dl,dd,dt,ul,ol,li,header,footer,...

    • 行内元素和块级元素

      一、 块级元素:div , p ,form, ul,li, ol, dl,form, address,fiel...

    网友评论

      本文标题:众说纷纭的ul 、ol 、li

      本文链接:https://www.haomeiwen.com/subject/awztgxtx.html