众说纷纭的ul、ol、li

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

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

转载于:https://www.cnblogs.com/xiaohongdiao/p/8085986.html

众说纷纭的ul、ol、li相关推荐

DIV+CSS中标签ul ol li dl dt dd用法
ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...
Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加：1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
关于ul ol li
ul是无序排列例如:<ul> <li>Today <li>Tommorow </ul> 在网页中显示的结果是: · ...
HTML 列表中的dl,dt,dd,ul,ol,li区别及应用
1.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(通常)进行标记.无序列表始于 <ul> 标签.每个列表项始于 <li>. 2.有序列表有序列表也是一列项目,列表 ...
ul ol li的序号编号样式
首先来那看一个序号样式的例子,下面是html代码(做参考) <ol><li>列表内容列表内容列表内容列表</li><li>列表内容列表内容列表内容列表& ...
div+css布局必了解的列表元素ul ol li dl dt dd详解
dt 和dd中可以再加入 ol ul li和p,理解这些以后,在使用div布局的时候,会方便很多,其实w3c提供了很多元素辅助布局都是有它的用处的,而不尽是div. 块级元素div尽量少用,其实和ta ...
html的ol和ul和li,HTML 列表元素OL、UL、LI
HTML 列表元素OL.UL.LI 称为有序清单标记.定义一个有序列表,其中可以包含一个或者多个标记来定义实际的列表项. 称为无序清单标记.定义一个无序列表,同样可以包含一个或者多个标记来定义实际 ...
ul 、ol li 继承原有样式的问题
如: 1.为什么我的服务器无法远程了? 2.为什么我的服务器总是自动重启? 3.为什么我的服务器总是自动重启? 以前写这种类型的列表,都是自己用键盘输入这些数字,其实不然,ul .ol li本身就自带 ...
ol,li,ul列表
ol,li,ul列表一.ol li有序列表标签 1.语法 2.作用 3.案例 4.总结二.ul li 无序列表标签 1.语法 2.说明 3.案例 4.总结一.ol li有序列表标签 1.语法在 ...

众说纷纭的ul、ol、li

众说纷纭的ul、ol、li相关推荐

最新文章

热门文章