html中有序列表和无序列表都可以用什么属性设置

对实心圆使用 SQUARE。
对空心圆使用 CIRCLE。
标签类型的顺序设置为 A,并按顺序 1 、2 、3 排序。
将其设置为 I,使用大写罗马字母。
设置为a,使用小写英文字母。
我上周刚做了一个项目,使用A型的次数比较多。
你明白其中的区别吗?

HTML怎么创建有序列表_HTML ol/li有序列表与编号样式修改

哎呀,我们来谈谈这个 HTML 列表。
在过去的几年里,我在构建网站时遇到了很多陷阱。
我们来谈谈一个真实的场景。

前年,我正在帮助一家餐厅创建菜单页面。
他们想要明确的指示,因此使用了有序列表。
不过一开始我就用默认的1 、2 、3 老板看都不看我一眼,说太普通了。
我将其更改为大写 A、B 和 C,但我的老板告诉我这不太优雅。
最后,我创建了一个开始属性并从“第一步”开始编号。
这使它看起来更清晰。

此外,当我为教育网站上的课程创建教学大纲时,我需要嵌套列表。
我直接使用
    嵌套

      结果浏览器的默认样式乱了,数字全错了。
      然后我花了很多时间分别为列表的每个级别编写 CSS,使用 list-style-position: inside;要正确理解它。
      想一想。
      课程有章节,每个章节都有知识点。
      如果你不能清楚地理解它们,就会发生一些事情。

      现在,让我告诉你我遇到的一些陷阱。
      1 、不要利用type属性盲目进行更改,例如将i改为罗马数字。
      人们发现,有些浏览器(尤其是老版本的IE)根本无法识别该文本,并显示为乱码。
      有一年,我正在帮助一位老客户更改他们的网站,我花了很长时间才意识到这是一个问题。
      2 . 如果您使用 CSS 自定义数字,请务必重置计数器。
      否则可能会与之前的列表混淆。
      有一次我忘记了清单上的两个号码并接通了,一位客户打电话给我,询问程序是否存在错误。
      3 .嵌套列表必须在CSS中单独编写。
      默认情况下不要考虑继承。
      肯定会有混乱。
      在一个项目中,我忘记定义单独的子列表,这破坏了整个网站的列表样式。

      顺便问一下,听完这个之后你想做什么?创建项目进度表或操作指南时,有序列表是一个不错的选择。
      然而,如果你想做一些类似产品特性的事情,你应该使用无序列表 。
      不要混淆场景。

      HTML怎么插入有序列表_HTML有序列表ol和li标签的使用方法详解

      你是对的 ol 和 li 非常简单。

      上周 我尝试使用 type="I"。
      效果是罗马数字。

      2 02 3 3 月1 5 日 我写了一个文件。
      OL 嵌套在里面。
      ol中还有ol。
      很清楚。

      这是我的朋友 他说start=5 非常有用。
      直接跳到第 5 项。

      其中一些我不确定 浏览器显示可能会有所不同。
      但基本上都支持。

      输入并开始 现在最好使用CSS。
      但我仍然使用标签。

      算了

      html中li标签的属性

      说实话,当我第一次了解 HTML 菜单时,我对这些属性感到困惑。
      尤其是
        和 中的类型和值,一开始我没能弄清楚它们是用来做什么的。

        以价值为例。
        唯一一次给我留下特别深刻印象的是当我在课程表页面上工作时。
        当时我需要特别标记某个项目。
        比如周三的第三节课是选修课,所以我在对应的 中添加了value="3 "。
        事实证明这个值只影响有序列表的显示,添加到无序列表中是没有用的。
        调试了半天,我差点以为代码写错了。
        我自己没有运行过这个,但我记得数据是关于 X 的,但我建议你检查一下。

        更有趣的是布尔属性的反转。
        我创建了一个倒计时函数,使用 inverse 反转有序列表,然后使用 JavaScript 动态添加项目。
        最后我发现效果并不是我想象的那样。
        后来我发现浏览器的显示顺序其实是从上到下的。
        逆加法仅改变显示的数字,但内部元素的顺序保持不变。
        我当时不明白为什么会发生这样的事。
        也许我的理解有偏差。

        现在回想起来,这些原来的品牌属性其实是有点限制性的。
        后来做项目的时候,我直接用CSS来控制。
        例如添加样式列表类型:square;到.custom-list,或者使用::before伪元素来自定义标签样式。
        这样不仅兼容性好,而且调节起来也很方便。
        不过,在浏览器支持方面,Versa 仍然受到主流浏览器的支持,但非常旧的版本可能会存在一些问题。

        毕竟,了解这些原生属性很有用,至少知道 HTML 默认情况下是如何工作的。
        但在实际开发中,我还是更喜欢使用CSS。
        毕竟,谁不想使用 Flexbox 或 Grid 进行布局呢?