轮播图案例

第一步，确定整体结构（页面中包含的div）

1. 确定大的主页面设置类名为main；
2. 确定大的菜单图（背景图片，可轮播）；
   • 用一个子div包含三个a语句，并设置类名，以便设置样式的时候插入背景图片；
   • 用超链接a语句以便设置样式的时候插入图片制作用于上一张/下一张的按钮；
   • 设置三个小圆点，用div做出圆，在设置样式的时候设置其大小，边框等
3. 确定左边主菜单栏
4. 确定主菜单栏点开后的子菜单栏
   
   注意：
5. 在子菜单栏下设置的div，为其设置专属类名，以便设置样式
   
   2、小箭头
   
   第二步，设置样式
   1、 用通配符选择器清除页面默认样式；
   2、指定字体的名称，并找到地址；
   
   3、确认整个页面的字体样式