html里的ul和Li的区别是什么

html里的ul和Li的区别是什么,第1张

1、定义不同

ul 是 Unordered List(无序列表)的缩写。<li>标签定义列表项目(li是lists的缩写)。

2、用法不同

<ul>标签定义无序列表。使用 <li>标签定义的列表可以是个无序列表也可以是有序列表。

3、支持的HTML全局属性不同

<li>标签支持所有的HTML 全局属性。<ul>标签支持 HTML 中的全局属性:accesskey、class、dir、id、lang、style、tabindex、title。

4、属性不同

<ul>标签中的属性:compact、type。<ul>标签:id, class, title, style, dir, lang, xml:lang。

5、元素级别不同

ul 是块级元素可以定义宽和高,li表示行排列不能单独使用,需要在ul和ol里面,配合使用。

ul#nav, ul li #nav和 #nav ul, #nav ul li

1.ul#nav:表示id='nav'的ul;

2.ul li #nav:表示 ul 的子标签id=‘nav’的li;

3.#nav ul:表示 id='nav'标签的子标签ul;

4.#nav ul li:表示 id='nav'标签的子标签ul 的子标签li

PS:这里面其实就是html选择器的知识,这儿有2部分组成:

id选择器:通过ID来选择元素;

父子选择器:通过父级嵌套的结构来选择元素。

ul id="mul"

css样式:

#mul{

display:block

margin:10px//可以利用内外边距使其左右偏移。你试一下。

}


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7340512.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-04
下一篇 2023-04-04

发表评论

登录后才能评论

评论列表(0条)

保存