慕设计3757365
2016-05-29 17:27
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>梨</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>白菜</li>
<li>油菜</li>
<li>卷心菜</li>
</ul>
</li>
</ul>
<li>蔬菜
……
</li>
忽略中间,<li>标签是要成对出现的。
列表的格式就是这样。
<UL>表示无序排列
<LI></LI>成对出现。中间的就是选项。
这么绕弯的嵌套关系其实质是为了实现水果和蔬菜这两个类名与下面具体蔬果 的区别。以在视觉上给人很清晰的类属关系。可以用颜色和字体大小等方法作区分。这样做降低代码可读性。意义不大
<li>蔬菜 //这是标题
<ul>
<li>白菜</li>
<li>油菜</li>
<li>卷心菜</li>
</ul>
</li>
因为蔬菜和它底下的白菜,油菜,卷心菜是同属于一个li里面的
标签和结束标签是互相对应的,你体会一下
初识HTML(5)+CSS(3)-升级版
1226767 学习 · 18245 问题
相似问题