弹性盒子的j基本用法和swiper轮播的用法和什么是sisroll。

弹性盒子的用法。

给父元素设置弹性盒子：display:flex;
弹性盒子的属性：
方向：flex-direction:column;垂直方向.默认为row
自动换行：flex-wrap:wrap;onwrap是不换行
分布方式：justify-content:space-between；//两边没有空隙
justify-content:space-around；//元素两边都有空隙
//调试每一个元素之间的空隙
垂直对齐：align-items:center;//中间轴对齐
align-items:baseline;//顶部对齐 给父元素设置弹性盒子：display:flex;
弹性盒子的属性：
方向：flex-direction:column;垂直方向.默认为row
自动换行：flex-wrap:wrap;onwrap是不换行
分布方式：justify-content:space-between；//两边没有空隙
justify-content:space-around；//元素两边都有空隙
//调试每一个元素之间的空隙
垂直对齐：align-items:center;//中间轴对齐
align-items:baseline;//顶部对齐

swiper<轮播事件>

swiper在html里面的基本结构
  <div class="swiper-container" id=“see”>
 <div class="swiper-wrapper">
  <div class="swiper-slide"></div>
  <div class="swiper-slide"></div>
  <div class="swiper-slide"></div>
  <div class="swiper-slide"></div>
 </div>
                 <div class="swiper-pagination"></div>
                 <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
   </div>

swiper在html里面的基本结构
  <div class="swiper-container" id=“see”>
 <div class="swiper-wrapper">
  <div class="swiper-slide"></div>
  <div class="swiper-slide"></div>
  <div class="swiper-slide"></div>
  <div class="swiper-slide"></div>
 </div>
                 <div class="swiper-pagination"></div>
                 <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
   </div>

.swiper的基本属性
   1.autoplay:1500,//时间
   2.loop:true,//false是否循环
   3.prevButton:".swiper-button-prev",//上一页
   4.nextButton:".swiper-button-next",//下一页
   5.scrollbar:".swiper-scrollbar",//滚动条
   6.pagination:".swiper-pagination",//分页器
   7.paginationClickable:true,//点击分页器
   8.effsct:"cube",//切换效果
   9.speed:1000,//转场时间
   10.slidesPerView:3,//当前显示几条内容

isroll<滚动插件>
isroll是一款高性能，多平台，无依赖性的js插件
使用isroll可以快速制作类似原类滚动的网页特效

html代码部分
 <div class="box">
  <div class="content">
   滚动内容
  </div>
 </div>
   css代码部分
 .box{
  height:100px;