本课学习无序列表。看一张图，有三件急事要处理：第一件：家里的水壶烧开了，小心是老式的，不及时处理会溢出水；第二种：孩子醒来，哭闹着想被你抱，很可能需要换尿布了；第三种：家里的电话响了，不知道是谁打的，可能是急事；这个案例经常被用来做心理测试，如果是你，你会先做哪一个？显然每个人的选择可能都不一样，处理三件事也没有标准的顺序。这种无序列表的内容可以使用无序列表来显示。所谓无序列表是指列表项中的内容没有时间、空间、逻辑等顺序要求。无序列表的语法如图：同ol，需要注意的是ul标签中只能放置li标签。如果其他标签需要嵌套，需要放在li标签中。打开编辑器，新建一个unorder_list.html页面，完成基本代码，在body中写入ul标签，在ul标签里面回车换行。在ul标签中定义三个li标签，在第一个li中写上：holdthechild。在第二个li标签中写上：关闭天然气。第三里写：接电话。节省。在浏览器中打开页面，显示的是列表，可以明显看出列表的子弹效果与有序列表不同。一个无序列表的要点，三项都是黑色实心圆圈，说明这个列表是无序的。回到编辑器，交换两个lis的位置，用剪切粘贴的方式实现。大家都觉得这个操作很麻烦。可以先将光标定位在某一行，按下Alt键，然后单击键盘上的上下箭头键移动当前行。两行交换后保存。回到浏览器，刷新，每个列表项的项目符号仍然是实心黑点，但是内容的顺序已经调换了。无序列表的项目符号是否只有黑色实心点样式？当然不是，实际项目开发的时候，无序列表的项目符号会好看。比如百度新闻页面，左边的新闻标题列表是一个无序列表，这里的项目符号是实心方块。这个效果是如何实现的？在ul标签中添加type属性，用于设置无序列表的项目符号。type有四个值，分别代表不同的子弹样式，disc是实心圆，circle是空心圆，square是实心正方形，none是隐藏子弹。返回编辑器，在ul标签上输入一个空格，在里面添加type属性，设置值为disc，保存后返回浏览器，刷新，发现子弹的样式没有变化，因为disc指的是到实心点，这是类型的默认值。返回编辑器，将type的值修改为circle并保存。回到浏览器，刷新，原来的黑色实心点变成黑色圆环，重复这一步，修改type的值为正方形，圆环变成黑色实心正方形，修改type的值为none，发现列表的项目符号丢失。文章配套视频：
