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