南京大学现代远程教育

南京大学现代远程教育网站是一个提供远程教育课程的在线学习平台。该网站拥有丰富的课程资源和教学资源，旨在为广大学生提供高质量的教育服务。

导航栏

  • 主分类：通过.main-classify类选择器，可以对网站的主分类进行样式设置，为每个分类的链接设置了统一的颜色(灰色)和字体样式(加粗)。
  • 第二级分类：通过.li2 a p选择器，对第二级分类的链接进行了颜色和字体样式的设置。这些样式可能是为了与一级分类区分开来或者增加页面的视觉效果。
  • 第三级分类和其他内容：通过.li3 a p选择器，对第三级分类和其他内容的链接进行了颜色和字体样式的设置。这些样式可能是为了让用户更容易区分不同层级的标题或内容。

幻灯片展示

  • .swiper-container.sc2 .swiper-slide a .a-title .summary是一个用于显示幻灯片中每个项目摘要的部分。它具有以下样式属性：
  • font-size: 12px:设置字体大小为12像素；
  • color: #999999:设置文字颜色为深灰色；
  • line-height: 16px:设置行高为16像素；
  • height: 80px:设置高度为80像素；
  • overflow: hidden:设置溢出部分隐藏。

这样可以确保每张幻灯片中的文本信息能够清晰地呈现给用户，并且避免了文本过多而导致的布局混乱问题。

轮播图容器

  • .swiper-container.sc0是一个包含轮播图的容器。该容器具有以下样式属性：
  • width: 1200px:设置宽度为1200像素；
  • margin: 0 auto:设置左右外边距为0,并自动调整水平居中。

还定义了两个箭头图标(.arrow-left和.arrow-right),它们默认不可见，但在容器被鼠标悬停时会显示出来。这允许用户在查看轮播图时通过点击箭头来切换到上一张或下一张图片。

以上是南京大学现代远程教育网站的基本介绍和样式说明。通过这个网站，学生可以方便地访问和管理各种远程教育课程，提升自己的知识和技能水平。