css基础学习----列表控件

列表是指将具有相似特征或者先后顺序的几行文字进行对齐排列。所有的列表都由列表类型和列表项组成。

列表类型：有序列表<ol>和无序列表<ul>

列表项：<li>，用于指示具体的列表内容

从上面的图示结果中可以看出两者的区别。

一般情况下，我们可以将列表元素嵌套使用，以便于创建常见的多级列表，用于文档大纲和导航菜单等等。

 

思考：

1.    如何去掉ul或ol显示时前面的黑点？

通过css控制，找到相应的元素，写入：list-style-type:none

2.    如何让<ul>水平排列？

让<ul>水平排列，关键之处在于设置ul或者li标签的浮动。例如如下的css样式可以做到li标签的居左浮动：ul li{ float:left; margin-left:20px;list-style-type:none;

3.    指定图片作为列表前面的标志？

List-style-image:<url>