day12——制作悬浮窗

【案例描述】

        在制作电商网站时，通常需要使用一些精美的悬浮框队商品信息进行简单的分类，这也既可以方便消费者搜索商品，也可以使网页结构变得清晰美观。本节将运用无序列表制作一款精美的电商悬浮窗，使其效果如图：

 

 知识引入

1.无序列表

        无序列表是网页中最常用的列表，之所以称之为“无序列表”，是因为其各个列表项之间为并列关系，没有顺序之分。

        定义无序列表的基本语法如下：

<ul>

        <li>列表项1</li>

        <li>列表项2</li>

        <li>列表项3</li>

        .......

</ul>

<ul></ul>标记用于定义无序列表