css代码中的ul和li是什么意思

html-css029

css代码中的ul和li是什么意思,第1张

晕,楼上的都在胡说八道

ul是定义无序列表的样式

li是列表内行的样式

在HTML代码中列表是这样的

<ul>

<li>列表一</li>

<li>列表二</li>

</ul>

1.ul是无序列表,也就是说没有排列限制可以随意加li;

<ul>

<li>可以随意放置</li>

<li>可以随意放置</li>

<li>可以随意放置</li>

</ul>

.可以随意放置

.可以随意放置

.可以随意放置

2.ol就序列表,会按照你写的li前后依次排列;

<ol>

<li>我是第一</li>

<li>我是第二</li>

<li>我是第三</li>

</ol>

1.我是第一

2.我是第二

3.我是第三

3.dl是定义列表,会默认前后层级关系;

<dl>

<dt>我是头</dt>

<dd>我是内容</dd>

<dd>我是内容</dd>

</dl>

我是头

--我是内容

--我是内容

希望能帮到你!

首先你要理解css命名规则

<div class="a1"><ul></ul></div>

如果你想定义这个ul的样式,可以直接ul

例如: ul {list-style-type: disc}

但是这样定义太广泛了,这个是让所有的ul行开始符都变成个点。

如果这个页面还有其他ul,也会受到影响

为了精确的定义这个div下的ul,你需要这样定义

.a1 ul {list-style-type: disc}

这样的意思就是类a1下的ul样式是个点,这样不会影响到其他ul的样式

很明显,这个命名规则是这样,在你要定义的样式前加上父级的类名,来相信的指认你定义的样式是属于哪的。 你可以在前面加上无数个父级类名来区分你设置的样式。

那么根据你的代码ul ul {list-style-type: disc}

意思就是ul下的ul样式是list-style-type: disc

另一个ul ul ul {list-style-type : square}的意思是

ul下的ul下的ul样式是list-style-type : square

如果html是这样

<ul class=u1><ul class=u2><ul class=u3></ul></ul></ul>

ul ul {list-style-type: disc}等同于.u2{list-style-type: disc}

ul ul ul {list-style-type : square}等同于.u3{list-style-type : square}