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 li1.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//可以利用内外边距使其左右偏移。你试一下。
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)