html中li的用法

请稍等。
昨天,在清理网页代码时,我发现了一个有趣的小事情。
我对嵌套列表样式有一个小问题。
经过长时间的斗争,我发现子项的 CSS 权重没有正确调整。

事实上,使用这个时,尤其是在初学者村编写代码时,最烦人的就是边界溢出的小bug。
我记得去年冬天在一家咖啡馆修复了一个错误。
盯着屏幕三个小时后,我意识到边距值太高了。

现在的框架似乎封装得比较好,但我有时还是会怀念手写的时间。

等等,还有一件事:id属性真的没用吗?

HTML怎么插入无序列表_HTML无序列表ul和li标签的创建及样式设置

This is the main use of HTML unordered lists.
ul+li - basic structure. list-style-type 控制字符的形状。
list-style-image 用图像替换字符。

注意。
不正确的图像符号路径将导致浏览器回退到默认符号。

实用提醒:先写基本结构,然后逐步添加CSS样式。

html中怎样让多个li标签横排显示?

那天我在电脑前摆弄 Dreamweaver,创建了一个新页面,想试试运气。
页面一片空白,我就在正文里胡乱打了几个字:“小雨小小你好。
”嘿,这个字体太糟糕了,我需要改变它。
我在那里找到了标签并开始编辑 CSS 样式。
float:left,一旦使用此选项,标签将左对齐并水平排列。
list-style:none 也消除了那些烦人的点。
效果来了,但我还在想:这个小小的改变背后的大道理是什么?等等,还有一件事,我突然想到,如果页面内容很多,这样的布局会不会让页面变得太单调呢?

如何在HTML中创建无序列表?ul和li标签怎么用?

嘿,你是在问我有关 HTML 无序列表的问题吗? 上周我在帮助朋友建立网站时碰巧使用了它。
让我给你总结一下:
上周,一位客户问我为什么他制作的无序列表在 Edge 上的显示与在 Chrome 中不同。
我向他解释了。

基本用法非常简单:
就是用 作为大括号,里面有 括号。
每个括号都是一个项目。

例如,我2 02 3 年1 2 月的旅行计划:
去海南度假 回家乡过年 毕业云南之旅
浏览器默认是实心点,谁不知道这一点?
但是骚操作是在CSS中:
您想切换到多维数据集吗? 直接添加list-style-type: square;
2 02 4 年1 月我在做公司H5 的时候,特意把会议议程做成了方格: CSS 会议议程 ul { 列表样式类型:方形; }

想要完全删除它吗? 列表样式类型:无; 但记得加上padding-left: 0; 否则就会缩进,就像我2 02 3 年1 1 月在上海某购物中心做活动页面时踩到的坑,忘记清除默认的padding。

嵌套是关键点:
只要将 放在 里面即可,例如制作部门结构:
技术部 前端组 后端组 市场部

浏览器会自动变换图案,一级实心圆,二级空心圆,三级正方形……这个效果太神奇了。

但是不要犯这些错误: 1 、结构混乱:2 02 4 年2 月帮朋友修复bug时,发现他在 和 之间插入了一个

浏览器很混乱,屏幕阅读器也读错了。
这是一场灾难! 2 . 列表滥用:有人坚持让列表缩进,结果却使用了 嵌套 嵌套 。
代码太长了,简直爆炸了。
他以为CSS控制不了层次结构……我直接骂他这代码写了也维护不了。
3 、空 :这绝对不可能,除非你用CSS进行特殊处理,但是谁会用呢?
我的建议是:
结构一定要清晰, 应该直接融入到 中,不要走弯路
样式完全由 CSS 控制,不要指望浏览器能够意识到它
如果有顺序就用有序列表
    ,如果没有顺序就用 ,不要盲目使用
    可访问性别被遗忘,盲目嵌套甚至冻结屏幕阅读器
    如果你是电商网站,使用无序列表进行产品分类,层次关系特别清晰。
    但对于个人博客和购物清单来说,使用无序列表就太做作了。
    使用

    添加项目符号不是很好吗?
    不管怎样,你能弄清楚。
    我仍然想知道这个列表可以有多少层嵌套......